English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo direction especifica:
La dirección de escritura básica del bloque (de derecha a izquierda o de izquierda a derecha).
Dirección de inserción y cobertura de algoritmo bidireccional de Unicode (véaseunicode-bidiAtributo）。
tablela dirección de la disposición de columnas.
overflowen la dirección horizontal.
cuandotext-alignLa posición del último renglón incompleto en el bloque cuando el valor del atributo se establece en justify.
La siguiente tabla describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso de este atributo en el script JavaScript.
| Valor predeterminado: | ltr |
|---|---|
| Aplique a: | Todos los elementos |
| Herencia: | Sí |
| Animable: | No.Vea Atributos de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.direction="rtl" |
Nota:Diferente de la propiedad dir en HTML, el atributo CSS de dirección especificado para los elementos de tabla no se hereda por las celdas de la tabla, porque la herencia de CSS sigue el árbol del documento, la fila es el padre de las celdas del árbol del documento, no la columna.
La sintaxis de este atributo es la siguiente:
direction: ltr | rtl | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo direction.
p {
direction: rtl;
unicode-bidi: bidi-override;
}Prueba aquí‹/›Nota:Para que el atributo direction afecte el reordenamiento de los elementos en línea, elunicode-bidiEl valor del atributo debe ser embed o override.
La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| ltr | Establecer la dirección de izquierda a derecha. Esto es el valor predeterminado. |
| rtl | Establecer la dirección de derecha a izquierda. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo direction del elemento padre. |
La compatibilidad del atributo direction del navegador, los números en la siguiente tabla representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:CSS Text.
Atributos relacionados: unicode-bidi