La propiedad de alineación de imagen HTML DOM se utiliza para establecer o devolver el valor del atributo de alineación del elemento de imagen.
Nota : esta propiedad ya no se admite en HTML5.
Sintaxis:
Devuelve la propiedad de alineación de la imagen.
Imageobject.align;
Establece la imagen para alinear la propiedad.
Imageobject.align="left|right|middle|top|bottom"
Valores de propiedad:
- izquierda: establece la imagen alineada a la izquierda. Es un valor predeterminado.
- right : Establece la imagen alineada a la derecha.
- medio: Establece la Imagen en el medio.
- top: establece la imagen en la alineación superior.
- inferior: Establece la imagen en la alineación inferior.
Valores devueltos: Devuelve un valor de string que representa la alineación del elemento Imagen.
Ejemplo 1: este ejemplo devuelve la propiedad de alineación de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image align Property</h2>
<img id="GFG" align="middle" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo">
<br>
<button onclick="Geeks()">
Click me!
</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").align;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: el siguiente código devuelve la propiedad de alineación de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image align Property</h2>
<img id="GFG" align="middle" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo">
<br>
<button onclick="Geeks()">Click me!</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").align = "left";
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Ópera
- Firefox
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA