direction
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Resumen
La propiedad direction se utiliza para indicar en que dirección fluye el texto: rtl para hebreo o árabe y ltr para otros tipos de escritura. Esto tendría que especificarse como parte del documento (por ejemplo, usando el código dir en HTML) en lugar que directamente en la hoja de estilo CSS.
Esta propiedad establece el sentido de base del texto para los elementos de tipo bloque y la dirección para los elementos creados por la propiedad unicode-bidi. Además, asigna el valor por defecto para la alineación de texto y de elementos tipo bloque dentro de las celdas de una tabla.
Valor inicial:de izquierda a derecha- Se aplica a: todos los elementos.
Valor heredado: si- Porcentajes: n/a
- Medio:
visual Valor calculado:
Sintaxis
direction: [ ltr | rtl | inherit ] ;
Valores
- ltr
-
Valor por defecto de
direction. El contenido, texto y otros elementos fluyen de izquierda a derecha. - rtl
-
El contenido, texto y otros elementos van de derecha a izquierda.
Para que la propiedad direction tenga algún efecto en elementos de tipo en línea (inline), el valor de la propiedad unicode-bidi debe ser embed o override.
Ejemplos
blockquote {
direction : rtl ;
}
Notas
Al contrario que el atributo dir en HTML, la propiedad direction no es heredada desde las columnas de una tabla a las celdas, ya que la herencia en CSS sigue el árbol del documento, y las celdas de una tabla son parte de las filas y no de las columnas.