La orderpropiedad es una subpropiedad del módulo Diseño de caja flexible.
Los elementos flexibles se muestran en el mismo orden en que aparecen en el documento de origen de forma predeterminada. La orderpropiedad se puede utilizar para cambiar este orden.
Sintaxis
order: .flex-item ( order: 2; )Manifestación
La siguiente demostración muestra cómo se ha modificado el orden predeterminado (1, 2, 3, 4, 5) al establecer la propiedad de orden en cada artículo.
Soporte del navegador
- (moderno) significa la sintaxis reciente de la especificación (p
display: flex;. ej. ) - (híbrido) significa una sintaxis no oficial extraña de 2011 (p
display: flexbox;. ej. ) - (antiguo) significa la sintaxis antigua de 2009 (p
display: box;. ej. )
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (antiguo) | 3.1+ (antiguo) | 2-21 (antiguo) 22+ (nuevo) | 12.1+ (moderno) | 10+ (híbrido) | 2.1+ (antiguo) | 3.2+ (antiguo) |
El navegador Blackberry 10+ admite la nueva sintaxis.
Para obtener más información sobre cómo mezclar sintaxis para obtener la mejor compatibilidad con el navegador, consulte este artículo (Trucos CSS) o este artículo (DevOpera).