49 lines
1.7 KiB
Markdown
49 lines
1.7 KiB
Markdown
|
---
|
||
|
|
title: Text Align
|
||
|
|
localeTitle: Texto alineado
|
||
|
|
---
|
||
|
|
## Texto alineado
|
||
|
|
|
||
|
|
Esta propiedad CSS describe la alineación horizontal del contenido en línea en su elemento de bloque principal. `text-align` no controla la alineación de los elementos de bloque, afecta solo su contenido en línea.
|
||
|
|
|
||
|
|
### Valores:
|
||
|
|
|
||
|
|
La propiedad `text-align` se especifica como una sola palabra clave elegida de la siguiente lista de valores:
|
||
|
|
|
||
|
|
`text-align: left;` Alinea el texto a la izquierda.
|
||
|
|
|
||
|
|
`text-align: right;` Alinea el texto a la derecha.
|
||
|
|
|
||
|
|
`text-align: center;` alinea el texto al centro
|
||
|
|
|
||
|
|
`text-align: justify;` hace que las líneas tengan el mismo ancho
|
||
|
|
|
||
|
|
`text-align: justify-all;` Hace que las líneas tengan el mismo ancho, incluida la última.
|
||
|
|
|
||
|
|
`text-align: start;` Alinea la última línea al principio de la línea.
|
||
|
|
|
||
|
|
`text-align: end;` Alinea la última línea al final de la línea.
|
||
|
|
|
||
|
|
`text-align: match-parent;` calcule los valores de inicio y finalización según la dirección del padre y sustitúyalos por el valor adecuado de izquierda o derecha.
|
||
|
|
|
||
|
|
**Valores de alineación de bloques (sintaxis no estándar)** :
|
||
|
|
|
||
|
|
`text-align: -moz-center;`
|
||
|
|
|
||
|
|
`text-align: -webkit-center;`
|
||
|
|
|
||
|
|
**Valores globales** :
|
||
|
|
|
||
|
|
`text-align: inherit;` hereda de su elemento padre
|
||
|
|
|
||
|
|
`text-align: initial;` valor por defecto
|
||
|
|
|
||
|
|
`text-align: unset;` aplica el valor heredado o el valor inicial, dependiendo de las propiedades predeterminadas del elemento
|
||
|
|
|
||
|
|
#### Más información:
|
||
|
|
|
||
|
|
* [CSS1 Spec](https://www.w3.org/TR/REC-CSS1/#text-align)
|
||
|
|
* [CSS2 Spec](https://www.w3.org/TR/CSS21/text.html#alignment-prop)
|
||
|
|
* [CSS3 Spec](https://www.w3.org/TR/css-text-3/#justification)
|
||
|
|
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
|
||
|
|
* [Trucos CSS](https://css-tricks.com/almanac/properties/t/text-align/)
|