El Iframe se utiliza para mostrar una página web en la página web. Se puede eliminar el borde de la etiqueta iframe en la página web utilizando una de las propiedades CSS de la etiqueta iframe llamada frameBorder y establecer su valor en «0».
Sintaxis:
frameBorder = "value";
Nota: En la propiedad frameBorder, la letra B debe estar en mayúscula, de lo contrario, el navegador no la reconocerá. Los valores que toma la propiedad frameBorder son 0 y 1, donde 0 se usa para deshabilitar el borde y 1 se usa para habilitar la propiedad del borde. De forma predeterminada, el valor se establece en 1.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>Disable Iframe Border</title>
<style>
iframe {
height:200px;
width:400px;
background-color:lightgreen;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>iframe border property</h2>
<!-- We do not use border by specifying value 0 -->
<iframe src=# frameBorder="0"></iframe>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>Disable Iframe Border</title>
<style>
iframe {
height:200px;
width:400px;
background-color:green;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>iframe border property</h2>
<!-- We use border by specifying a non-zero value -->
<iframe src=# frameBorder="1"></iframe>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por RahulRanjan4 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA