La propiedad de alineación de marco flotante HTML se utiliza para establecer o devolver el valor del atributo de alineación del elemento <iframe> .
Nota : esta propiedad no es compatible con HTML5.
Sintaxis:
Devuelve la propiedad alineada.
iframeobject.align;
Establece la propiedad alineado.
Iframeobject.align="left|right|middle|top|bottom"
Valores de propiedad:
- izquierda: Establece el marco a la alineación izquierda.
- right : Establece el marco en la alineación correcta.
- medio: Establece el marco en el medio.
- top: Establece el marco en la alineación superior.
- bottom: Establece el marco en la alineación inferior.
Valores devueltos: Devuelve un valor de string que representa la alineación del elemento Iframe.
Ejemplo 1: el siguiente ejemplo ilustra cómo devolver la propiedad de alineación de marco flotante .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM iframe align Property
</h2>
<iframe src="https://ide.geeksforgeeks.org/index.php"
id="iframeID" align="middle"
height="200" width="400">
</iframe><br>
<button onclick="click1()">Submit</button>
<p id="paraID"></p>
<script>
function click1() {
var x = document.getElementById("iframeID").align;
document.getElementById("paraID").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: el siguiente ejemplo establece la propiedad de alineación de iframe a la derecha.
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM iframe align Property
</h2>
<iframe src="https://ide.geeksforgeeks.org/index.php"
id="iframeID" align="middle"
height="200" width="400">
</iframe><br>
<button onclick="click1()">Submit</button>
<p id="paraID"></p>
<script>
function click1() {
var x = document.getElementById(
"iframeID").align = "right";
document.getElementById("paraID").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Lista de navegadores compatibles:
- Google Chrome
- safari de manzana
- Firefox
- Ópera
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA