manual de referência CSS

regras CSS @

大全 de Atributos CSS

Atributo display do CSS Atributo cursor do CSS

Método de uso e exemplo da propriedade direction do CSS

A propriedade direction especifica:

Direção básica de escrita do bloco (da direita para a esquerda ou da esquerda para a direita).
Direção de嵌入 e cobertura do algoritmo bidirecional Unicode (veja tambémunicode-bidipropriedade）。
tabledireção da layout de coluna.
overflowna direção horizontal.
quandotext-alignA posição do último linha incompleta no bloco quando o valor dessa propriedade é definido como justify.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:	ltr
Aplicável a:	Todos os elementos
Herança:	Sim
Animável:	Não.Veja também Propriedade de animação。
Versão:	CSS 2、3
Sintaxe JavaScript:	object.style.direction="rtl"

Atenção:Diferente do atributo dir no HTML, a propriedade direction CSS especificada para os elementos da tabela não é herdada pelas células da tabela, porque a herança do CSS segue a árvore do documento, a linha é o pai das células da árvore do documento, não é a coluna.

Sintaxe de uso da direção

A sintaxe dessa propriedade é a seguinte:

direction:　ltr　|　rtl　|　initial　|　inherit

O exemplo a seguir demonstra como usar a propriedade direction.

Exemplo

　　p　{
　　　direction:　rtl;
　　　unicode-bidi:　bidi-override;
　　}

Teste e veja‹/›

Atenção:Para que a propriedade direction afete a reordenação dos elementos inline, aunicode-bidiO valor dessa propriedade deve ser embed ou override.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
ltr	Defina a direção de esquerda para direita. Isso é o valor padrão.
rtl	Defina a direção de direita para esquerda.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade direction do pai.

Compatibilidade do navegador

Compatibilidade do atributo direction do navegador, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 1+ Google Chrome2+ Internet Explorer 5.5Acima Apple Safari 1+ Opera 9.2+