Definición de .order utilizado en CSS
La propiedad .order es una subproperiedad del módulo de diseño de caja flexible. Los elementos de FLEX se muestran en el mismo .order que aparecen en el documento de origen de forma predeterminada. La propiedad .order se puede usar para cambiar esta .order.
Ejemplo de uso de la propiedad order
Si quieres emplear esta propiedad de CSS en tu hoja styles.css, hazlo de esta forma:
.elememt {
order: 3;
}Otro ejemplo más avanzado de .order es el siguiente de CODEPEN:
Sintaxis de .order en CSS
order: number|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| número | Valor por defecto 0. Especifica el orden del artículo flexible | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .order
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| orphans | 25.0 | 8.0 | Not supported | 3.1 | 10.0 |
