Características direction en CSS

por
Características direction en CSS

La propiedad direction en CSS establece la dirección del texto, y usamos el valor rtl con ella para referirnos a los idiomas que se escriben de derecha a izquierda y ltr para los idiomas que se escriben de izquierda a derecha, como el español. Tenga en cuenta que la dirección del texto generalmente se define usando la propiedad diren el elemento para <html> todo el documento, no usando el direction.

Funciones direction css

Valor inicialltr
Aplicado aTodos los artículos.
HeredableSí
MóvilNo
Valor calculadoComo se especificó.
/* palabras reservadas */ 
direction: ltr;
direction: rtl;
/* valores globales */ 
direction: inherit;
direction: initial;
direction: unset;

A diferencia de la propiedad diren HTML, la propiedad direction en CSS no se heredará de las columnas de la tabla a las celdas de la tabla, porque la herencia en CSS sigue la estructura del documento y las celdas de la tabla están dentro de las líneas de la tabla y no dentro de las columnas.

La propiedad direction(y la propiedad unicode-bidi) es la única propiedad que no se ve afectada por la propiedad all abreviada.

Ejemplos y aplicaciones en código

Ejemplo de uso de la propiedad direction para establecer la orientación de un párrafo dentro de una página:

< p > Esta propiedad se usa en la dirección para establecer su orientación </ p >

Código CSS

p {
  direction: rtl;
}

Recordemos nuevamente que el mejor uso de los elementos y atributos de HTML para ajustar la dirección, como en el elemento <bdi> y la propiedad dir.

Soporte de navegadores

CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico2.01.05.59.21.3

Características generales

La propiedad direction acepta una de las siguientes dos palabras reservadas.

ltr

La dirección del texto es de izquierda a derecha (de izquierda a derecha). Este valor es el valor predeterminado.

rtl

La dirección del texto es de derecha a izquierda.

Estructura direction css

direction: ltr | rtl;

Consulte también

  • La página de propiedades float que especifica que el elemento debe colocarse a la izquierda o derecha del contenedor al que pertenece.
  • Página de propiedades right que ayuda a determinar la posición horizontal correcta de un elemento que se puede reposicionar.
  • La página de propiedades left que define la posición horizontal izquierda de un elemento que se puede reposicionar.