Atributo CSS text-align-last

Definición y uso

El atributo alineación-last especifica cómo alinear la última línea del texto.

Tenga en cuenta que el atributo alineación-last establece todas las últimas líneas del elemento seleccionado. Por lo tanto, si un <div> tiene tres párrafos, alineación-last se aplicará a la última línea de cada párrafo. Si desea usar alineación-last en el último párrafo del contenedor, puede usar :ultimo hijo, consulte el siguiente ejemplo.

Notas:En Edge/Internet Explorer, el atributo alineación-last solo se aplica a texto con "alineación: justificar".

Vea también:

Tutoriales de CSS:Texto CSS

Manual de Referencia del DOM HTML:textAlignLast Atributo

Ejemplo

Alinear la última línea de tres elementos <div>:

div.a {
  alineación: justificar;  /* Para Edge */
  alineación-last: derecha;
}
div.b {
  text-align: justify; /* Para Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Para Edge */ 
  text-align-last: justify;
}

Prueba por tu cuenta

Puede encontrar más ejemplos de TIY en la parte inferior de la página.

Sintaxis de CSS

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Valor del atributo

Valor Descripción
auto

Valor predeterminado. La regla de alineación de cada línea se determina por el valor de text-align.

Cuando el valor de text-align es justify, el comportamiento de text-align-last es el mismo que el de start.
left La última línea se alinea a la izquierda.
right La última línea se alinea a la derecha.
center La última línea se alinea al centro.
justify El inicio de la última línea de texto se alinea con el lado izquierdo de la caja de contenido, y el final con el lado derecho.
start

La última línea se alinea en el inicio de la línea.

Si text-direction es de izquierda a derecha, alinear a la izquierda, si text-direction es de derecha a izquierda, alinear a la derecha.
end

La última línea se alinea en el final de la línea.

Si text-direction es de izquierda a derecha, alinear a la derecha, si text-direction es de derecha a izquierda, alinear a la izquierda.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: Sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.textAlignLast="right"

Más ejemplos

Usar text-align-last: en la última línea del contenedor

div.b p:last-child {
  text-align-last: center;
}

Prueba por tu cuenta

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -moz- indican la primera versión que utiliza el prefijo.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 No se admite 34.0

En Edge/Internet Explorer, no se admiten los valores "start" y "end".