manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 flex-Atributo flow CSS3 flex-Atributo basis

CSS3 flex-Métodos de uso e exemplos da propriedade direction

Através da definição da direção do eixo principal do contêiner flex, flex-A propriedade CSS direction especifica como os itens flex devem ser posicionados no contêiner flex.

A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Valor padrão：	row
Aplicável a：	Container elástico
Herança：	Nenhum
Animável:	Não.Veja também Atributos de animação.
Versão：	CSS3novo recurso
JavaScript Sintaxe：	object.style.flexDirection="row-reverse"

flex-Sintaxe de uso do direction

A sintaxe dessa propriedade é a seguinte:

flex-direction:　row　|　row-reverse　|　column　|　column-reverse　|　initial　|　inherit

O exemplo a seguir demonstra como usar flex-Atributo direction.

Exemplo

.flex-container　{
　　　　/*　Safari　*/
　　　　display:　-webkit-flex;
　　　　-webkit-flex-direction:　row-reverse;
　　　　
　　　　display:　flex;
　　　　flex-direction:　row-reverse;　　　　
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
row	O eixo principal do contêiner flex é na direção do eixo inline do modo de escrita atual, ou seja, a direção do texto.
row-reverse	Como row, mas com o ponto de partida e o ponto de chegada do eixo inverso.
column	O eixo principal do contêiner flex é na direção do eixo de bloco do texto atual (eixo vertical no modo de escrita horizontal e eixo horizontal no modo de escrita vertical).
column-reverse	Como as colunas, mas com o ponto de partida e o ponto de chegada do eixo inverso.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, os elementos associados adotam o flex do elemento pai-Valores do atributo direction.

Compatibilidade do navegador

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

	Firefox 18+ ^-moz-,28 Google Chrome 21+ ^-webkit-,29 Internet Explorer 10+ ^-ms-,11 Apple Safari 6.1+ ^-webkit- Opera 12.1+