HTML | Estilo DOM textAlignLast Propiedad

La propiedad Style textAlignLast en HTML DOM se usa para establecer la alineación de la última línea del texto.

Sintaxis:

  • Devuelve la propiedad textAlignLast:
    object.style.textAlignLast
  • Establezca la propiedad textAlignLast:
    object.style.textAlignLast = "auto | left | right | center | 
    justify | start | end | initial | inherit"

    Valores de propiedad:

    • Automático: la última línea se justifica y se alinea a la izquierda en el contenedor.
    • Izquierda: la última línea del texto se alinea a la izquierda.
    • Derecha: La última línea del texto se alinea a la derecha.
    • Centro: la última línea del texto se alinea al centro.
    • Justificar: la última línea está justificada (la última línea ocupa todo el ancho del contenedor al insertar espacios adicionales entre las palabras).
    • Inicio: la última línea del texto se alinea a la izquierda (si la dirección del texto es de izquierda a derecha) y a la derecha (si la dirección del texto es de derecha a izquierda).
    • Fin: la última línea del texto se alinea a la derecha (si la dirección del texto es de izquierda a derecha) y a la izquierda (si la dirección del texto es de derecha a izquierda).
    • Inicial: Establece la última línea para alinear por su valor inicial.
    • Heredar: la última línea hereda su propiedad del elemento principal.

    Ejemplo 1:

    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            HTML | DOM Style textAlignLast Property
        </title>
        <style>
            .right {
                text-align-last: right;
                border: 2px solid grey;
            }
              
            .center {
                text-align-last: center;
                border: 2px solid black;
            }
        </style>
    </head>
      
    <body>
      
        <h2 style="text-align:center">
           Text-align-last-Right:
       </h2>
        <div class="right">
            <!-- text-align-last: right; property -->
            <p>
                <font color="green">
                    GeeksForGeek
               A Computer Science Portal for Geeks
          </font>
            </p>
        </div>
      
        <h2 style="text-align:center">
           Text-align-last-Center:
       </h2>
        <div class="center">
            <!-- text-align-last: center; property -->
            <p>
                <font color="green">
                    GeeksForGeek
             A Computer Science Portal for Geeks
          </font>
            </p>
        </div>
    </body>
      
    </html>

    Producción:

    Ejemplo 2:

    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            HTML | DOM Style textAlignLast Property
        </title>
        <style>
            .justify {
                text-align-last: justify;
                border: 2px solid grey;
            }
              
            .start {
                text-align-last: start;
                border: 2px solid Green;
            }
        </style>
    </head>
      
    <body>
      
        <h2 style="text-align:center">
           Text-align-last-Justify:
       </h2>
        <div class="justify">
            <!-- text-align-last: justify; property -->
            <p>
                <font color="green">
                    GeeksForGeek
            A Computer Science Portal for Geeks
          </font>
            </p>
        </div>
      
        <h2 style="text-align:center">
           Text-align-last-Start:
       </h2>
        <div class="start">
            <!-- text-align-last: start; property -->
            <p>
                <font color="green">
                    GeeksForGeek
            A Computer Science Portal for Geeks
          </font>
            </p>
      
        </div>
    </body>
      
    </html>

    Producción:

    Navegadores compatibles: El navegador compatible con HTML | DOM Style textAlignLast Property se enumeran a continuación:

    • Google cromo 47
    • Internet Explorer 5.5
    • Firefox 49.0, 12.0 -moz-
    • Ópera 34

Publicación traducida automáticamente

Artículo escrito por ChinkitManchanda 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 *