Propriété order CSS

Définition et utilisation

L'attribut order définit l'ordre des éléments élastiques par rapport aux autres éléments élastiques dans le même conteneur.

Remarque :Si l'élément n'est pas un élément élastique, l'attribut order est sans effet.

Voir également :

Manuel de référence CSS :Attribut flex

Manuel de référence CSS :Attribut flex-basis

Manuel de référence CSS :Attribut flex-direction

Manuel de référence CSS :Attribut flex-flow

Manuel de référence CSS :Attribut flex-grow

Manuel de référence CSS :Attribut flex-shrink

Manuel de référence CSS :Attribut flex-wrap

Manuel de référence CSS :Attribut align-content

Manuel de référence CSS :Attribut align-items

Manuel de référence CSS :Attribut align-self

Manuel de référence HTML DOM :Attribut order

Exemple

Définir l'ordre des éléments élastiques :

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Essayez-le vous-même

Syntaxe CSS

order : number|initial|inherit;

Valeur de l'attribut

Valeur Description
number La valeur par défaut est 0. Définit l'ordre des éléments élastiques.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : 0
Héritage : non
Réalisation des animations : Pris en charge. Voir les propriétés individuelles. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.order="2"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété entièrement.

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété suivant les règles des nombres précédés de -webkit- ou -moz-.

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