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