manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

Atributo outline do CSS CSS3 Atributo opacity

CSS3 Método de uso e exemplo da propriedade order

A propriedade order CSS define a ordem de exibição e layout dos itens flexíveis no contêiner flexível. Os elementos são ordenados em ordem crescente do valor de ordem. Os elementos com o mesmo valor de ordem são alinhados na ordem em que aparecem no código-fonte.

A tabela a seguir descreve o uso e o histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:	0
Aplicável a:	Itens Flex e Containers FlexPosicionamento absolutofilho
Herança:	não
Animável:	é.Por favor, consulte Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object.style.order="2"

Sintaxe de uso do order

A sintaxe dessa propriedade é:

order: integer | initial | inherit

O exemplo a seguir demonstra como usar o atributo order.

Exemplo

.flex-container {
　　　　border:　2px sólido #000;
　　　　display:　-webkit-flex;　/*　Safari　6.1+　*/
　　　　display:　flex;
}　
.item1　{
　　　　width:　100px;
　　　　background:　#ff80c0;
　　　　-webkit-order:　2;　/*　Safari　6.1+　*/
　　　　order:　2;
}
.item2　{
　　　　width:　100px;
　　　　background:　#8080ff;
　　　　-webkit-order:　1;　/*　Safari　6.1+　*/
　　　　order:　1;
}
.item3　{
　　　　width:　100px;
　　　　background:#0080ff;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
integer	Especifique a ordem do item elástico. O valor padrão é 0.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do atributo order do elemento pai.

Compatibilidade do navegador

A compatibilidade do navegador do atributo order, 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.

	Fogo18+ ^-moz-，28+ Google Chrome 21+ ^-webkit-，29+ Internet Explorer 11+ Apple Safari 6.1+ ^-webkit- Opera 12.1+