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  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

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  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.