Día 32: CSS Text Alignment
La ruta del desarrollador web frontend autónomo🤹♂️
Alineación y dirección del texto
En este capítulo aprenderemos acerca de las siguientes propiedades:
text-aligntext-align-lastdirectionunicode-bidivertical-align
Alineación del texto
La propiedad text-align se utiliza para establecer la alineación horizontal de un texto.
El texto puede estar alineado a la izquierda o derecha, centrado o justificado.
El siguiente ejemplo muestra el texto alineado al centro, a la izquierda y a la derecha.
Ejemplo:
Cuando la propiedad text-align se establece a justify, cada línea se estira para que cada línea tenga el mismo ancho, y los márgenes izquierdo y derecho sean rectos (como en revistas y periódicos).
Ejemplo:
Alinear texto al final
La propiedad text-align-last especifica cómo alinear la última línea de un texto.
Ejemplo:
Alinee la última línea de texto en tres elementos <p>.
Dirección del texto
Las propiedades direction y unicode-bidi se pueden usar para cambiar la dirección del texto de un elemento:
Ejemplo:
Alineación vertical
La propiedad vertical-align establece la alineación vertical de un elemento
Ejemplo:
Establece la alineación vertical de una imagen en un texto:
Todas las propiedades de alineación y dirección
| Propiedad | Descripción |
direction | Especifica la dirección del texto/dirección de escritura. |
text-align | Especifica la alineación horizontal del texto. |
text-align-last | Especifica cómo alinear la última línea de un texto. |
unicode-bidi | Se usa junto con la propiedad direction para establecer o devolver si el texto debe anularse para admitir varios idiomas en el mismo documento. |
vertical-align | Establece la alineación vertical de un elemento. |
Resumen
Este documento explica las propiedades CSS para la alineación y dirección del texto, incluyendo text-align, text-align-last, direction, unicode-bidi y vertical-align. Se proporcionan ejemplos y una tabla de todas las propiedades.
Traducido con 💚 desde W3Schools.com