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 Cancelar la respuesta