Ejemplo
Establecer el orden de los elementos flexibles:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Inténtalo tú mismo " Definición y Uso
La propiedad de orden especifica el orden de un elemento de flexibilidad en relación con el resto de los elementos flexibles en el interior del mismo contenedor.
Note: Si el elemento no es un elemento flexible, el fin de la propiedad no tiene ningún efecto.
Soporte del navegador
La propiedad de orden es compatible con Firefox, Opera y Chrome.
Sintaxis
Devolver la propiedad de orden:
object .style.order Para establecer la propiedad:
object .style.order=" Valores de propiedad Valor Descripción number El valor por defecto 0. Especifica el pedido para el artículo flexibles initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 0 Valor de retorno: Una cadena, que representa la propiedad de orden de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: order property
HTML DOM estilo de referencia: alignContent property
HTML DOM estilo de referencia: alignItems property
HTML DOM estilo de referencia: alignSelf property
HTML DOM estilo de referencia: flex property
HTML DOM estilo de referencia: flexBasis property
HTML DOM estilo de referencia: flexDirection property
HTML DOM estilo de referencia: flexFlow property
HTML DOM estilo de referencia: flexGrow property
HTML DOM estilo de referencia: flexShrink property
HTML DOM estilo de referencia: flexWrap property
<Estilo de objeto