Exemplo
Definir a ordem dos itens flexíveis:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Tente você mesmo " Definição e Uso
A propriedade de ordem especifica a ordem de um produto flexível em relação ao resto dos elementos flexíveis no interior do mesmo recipiente.
Note: Se o elemento não é um item flexível, a propriedade de ordem não tem efeito.
Suporte navegador
A propriedade de ordem é suportada no Firefox, Opera e Chrome.
Sintaxe
Devolver o imóvel ordem:
object .style.order Defina a propriedade ordem:
object .style.order=" Valores de propriedade Valor Descrição number O valor padrão 0. Especifica a ordem para o item flexível initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: A String, que representa a propriedade de ordem de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: order property
HTML DOM estilo de referência: alignContent property
HTML DOM estilo de referência: alignItems property
HTML DOM estilo de referência: alignSelf property
HTML DOM estilo de referência: flex property
HTML DOM estilo de referência: flexBasis property
HTML DOM estilo de referência: flexDirection property
HTML DOM estilo de referência: flexFlow property
HTML DOM estilo de referência: flexGrow property
HTML DOM estilo de referência: flexShrink property
HTML DOM estilo de referência: flexWrap property
<Estilo de objeto