Definición de .text-align-last en CSS
.text-align-last le permite controlar la alineación de la última (o única) línea de texto justo antes de un descanso de la línea forzada, por ejemplo, el final de un párrafo o la línea justo antes de una etiqueta
.
Ejemplo de uso de text-align-last
Esta propiedad de CSS habitualmente se utiliza de esta forma:
.intro-graph {
text-align-last: center;
}Otro ejemplo más avanzado de .text-align-last es el siguiente de CODEPEN:
Sintaxis de .text-align-last en CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;Valores
| Valor | Descripción | Juegalo |
|---|---|---|
| auto | Valor por defecto. La última línea está justificada y alineada a la izquierda. | |
| izquierda | La última línea está alineada a la izquierda. | |
| Correcto | La última línea está alineada a la derecha. | |
| centro | La última línea está alineada al centro. | |
| justificar | La última línea se justifica como el resto de las líneas. | |
| comienzo | La última línea se alinea al principio de la línea (izquierda si la dirección del texto es de izquierda a derecha, y derecha si la dirección del texto es de derecha a izquierda) | |
| final | La última línea se alinea al final de la línea (derecha si la dirección del texto es de izquierda a derecha, e izquierda si la dirección del texto es de derecha a izquierda) | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .text-align-last
Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Bibliografía
- text-align-last in the CSS Text Module Level 3 (W3C)
- text-align-last at MDN
- text-align-last at MSDN
- text-align-last on Adobe’s web platform team blog
- Webkit Bug 76173, regarding Chrome’s implementation of
text-align-last
