Atributo order de CSS
Definición y uso
El atributo order define el orden de los elementos flexibles en relación con los demás elementos flexibles dentro del mismo contenedor.
Notas:Si el elemento no es un elemento flexible, el atributo order no es válido.
Véase también:
Manual de referencia de CSS:Atributo flex
Manual de referencia de CSS:Atributo flex-basis
Manual de referencia de CSS:Atributo flex-direction
Manual de referencia de CSS:Atributo flex-flow
Manual de referencia de CSS:Atributo flex-grow
Manual de referencia de CSS:Atributo flex-shrink
Manual de referencia de CSS:Atributo flex-wrap
Manual de referencia de CSS:Atributo align-content
Manual de referencia de CSS:Atributo align-items
Manual de referencia de CSS:Atributo align-self
Manual de referencia de HTML DOM:Atributo order
Ejemplo
Establecer el orden de los elementos flexibles:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
Sintaxis de CSS
order: number|initial|inherit;
Valor del atributo
| Valor | Descripción |
|---|---|
| number | El valor predeterminado es 0. Define el orden de los elementos flexibles. |
| initial | Establezca este atributo en su valor predeterminado. Ver: initial. |
| inherit | Hereda este atributo del elemento padre. Ver: inherit. |
Detalles técnicos
| Valor predeterminado: | 0 |
|---|---|
| Herencia: | no |
| Producción de animación: | Admitido. Consulte las propiedades individuales. Consulte:Atributos relacionados con la animación. |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.order="2" |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
| 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 |
