HTML | Propiedad de alineación de DOM HR

La propiedad de alineación HTML DOM HR se usa para establecer o devolver el valor del atributo de alineación del elemento <hr> .

Nota : esta propiedad no es compatible con HTML5

Sintaxis:

  • Devuelve la propiedad de alineación de recursos humanos.
    hrobject.align;
  • Establece la propiedad de alineación de recursos humanos.
    hrobject.align="left | right | center"

Valores de propiedad:

  • izquierda: Establece la alineación izquierda a la línea horizontal.
  • centro: Establece el centro-alinear a la línea horizontal. Es el valor predeterminado.
  • right: Establece la alineación derecha a la línea horizontal.

Valores devueltos: Devuelve un valor de string que representa la alineación del elemento HR.

Ejemplo 1: este ejemplo establece la propiedad de alineación de recursos humanos.

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML DOM hr align property</title>
</head>
  
<body>
    <H1>GeeksForGeeks</H1>
    <h2>DOM HR align Property</h2>
    <p>There is a horizontal rule below this paragraph.</p>
  
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG" 
        align="left" 
        width="140px">
  
    <p>This is a horizontal rule above this paragraph.</p>
    <button onclick="myGeeks()">Try it</button>
  
    <script>
        function myGeeks() {
  
            // Accessing 'hr' tag. 
            var x = 
                document.getElementById("GFG").align = 
                "center";
        }
    </script>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo 2: este ejemplo devuelve la propiedad de alineación de recursos humanos.

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML DOM hr align property</title>
</head>
  
<body>
    <H1>GeeksForGeeks</H1>
    <h2>DOM HR align Property</h2>
    <p>There is a horizontal rule below this paragraph.</p>
  
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG" align="left" width="140px">
  
    <p>This is a horizontal rule above this paragraph.</p>
    <button onclick="myGeeks()">Try it</button>
    <h3 id="sudo"></h3>
    <script>
        function myGeeks() {
  
            // Accessing 'hr' tag. 
            var x = document.getElementById("GFG").align;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Navegadores compatibles: los navegadores compatibles con DOM HR align Property se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *