Propiedad de alineación de encabezado HTML DOM

La propiedad de alineación de encabezado HTML DOM se usa para establecer o devolver la alineación horizontal del elemento <h1> a <h6>. 

Nota : esta propiedad no es compatible con HTML5.

Sintaxis:

Se utiliza para devolver la propiedad de alineación .

HeadingObject.align;

Se utiliza para establecer la propiedad de alineación .

HeadingObject.align="left | right | center | justify";

Valores de propiedad:

  • left: Establece el texto alineado a la izquierda. Es el valor predeterminado.
  • right : Establece el texto alineado a la derecha.
  • center: Establece el texto alineado al centro.
  • justificar: Estira el texto del párrafo para igualar el ancho de todas las líneas.

Ejemplo: El siguiente código HTML devuelve y establece la propiedad Encabezado para alinear

HTML

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
  
        <h2> DOM Headings align property </h2>
  
        <h3 id="headingID" align="left">
            A computer science portal for Geeks
        </h3>
  
        <button onclick="get()">
            return Alignment
        </button>
  
        <button onclick="set()">
            Set Alignment
        </button>
          
        <p id="paraID"></p>
  
        <script>
            function get() {
  
                // Accessing heading.
                var g = document.getElementById(
                    "headingID").align;
  
                document.getElementById(
                    "paraID").innerHTML = g;
            }
  
            function set() {
  
                // Accessing heading.
                var k = document.getElementById(
                    "headingID").align = "right";
  
                document.getElementById(
                    "paraID").innerHTML = k;
            }
        </script>
    </center>
</body>
  
</html>

Producción:

Navegadores compatibles: 

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

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 *