Propriété d' ordre CSS
Exemple
Définissez l'ordre des éléments flexibles :
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
Définition et utilisation
La order
propriété spécifie l'ordre d'un élément flexible par rapport au reste des éléments flexibles à l'intérieur du même conteneur.
Remarque : Si l'élément n'est pas un élément flexible, la
order
propriété n'a aucun effet.
Valeur par défaut: | 0 |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.order="2" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit- ou -moz- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Syntaxe CSS
order: number|initial|inherit;
Valeurs de propriété
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Référence CSS : propriété flex
Référence CSS : propriété flex-basis
Référence CSS : propriété flex-direction
Référence CSS : propriété flex-flow
Référence CSS : propriété flex-grow
Référence CSS : propriété flex-shrink
Référence CSS : propriété flex-wrap
Référence CSS : propriété align-content
Référence CSS : propriété align-items
Référence CSS : propriété align-self
Référence HTML DOM : propriété de commande