CSS propriedade order
Definição e uso
O atributo order define a ordem dos itens flexíveis em relação aos outros itens flexíveis dentro do mesmo contêiner.
Comentário:Se o elemento não for um item flexível, o atributo order é inválido.
Veja também:
Manual do CSS:Atributo flex
Manual do CSS:Atributo flex-basis
Manual do CSS:Atributo flex-direction
Manual do CSS:Atributo flex-flow
Manual do CSS:Atributo flex-grow
Manual do CSS:Atributo flex-shrink
Manual do CSS:Atributo flex-wrap
Manual do CSS:Atributo align-content
Manual do CSS:Atributo align-items
Manual do CSS:Atributo align-self
Manual do HTML DOM:Atributo order
Exemplo
Defina a ordem dos itens flexíveis:
div#myRedDIV {order: 2;} div#myBlueDIV {order: 4;} div#myGreenDIV {order: 3;} div#myPinkDIV {order: 1;}
Sintaxe do CSS
order: number|initial|inherit;
Valor do atributo
Valor | Descrição |
---|---|
number | O valor padrão é 0. Define a ordem dos itens flexíveis. |
initial | Defina essa propriedade para seu valor padrão. Veja initial. |
inherit | Herda essa propriedade do elemento pai. Veja inherit. |
Detalhes técnicos
Valor padrão: | 0 |
---|---|
Herança: | não |
Produção de animação: | Suportado. Veja os atributos separados. Veja:Atributos relacionados a animação. |
Versão: | CSS3 |
Sintaxe do JavaScript: | object.style.order="2" |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
29.0 21.0 -webkit- |
11.0 |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |