Attention ! Cette propriété a été implémentée pour les premiers brouillons de la spécification pour le module de boîtes flexibles. Elle a été remplacée par des propriétés standards depuis, pour plus d'informations sur ce qui doit être utilisé à la place, consultez l'article sur les boîtes flexibles.
La propriété -moz-box-ordinal-group indique le groupe ordinal auquel appartient l'élément. Les éléments dont le groupe ordinal est inférieur seront affichés avant ceux dont le groupe ordinal est plus élevé.
Valeurs
Cette propriété accepte des valeurs entières strictement positives. La valeur initiale de cette propriété est 1.
Exemples
CSS
#Flexbox {
display: -ms-box;
display: -moz-box;
display: -webkit-box;
}
#text1 {
background: red;
-ms-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-box-ordinal-group: 4;
}
#text2 {
background: green;
-ms-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-box-ordinal-group: 3;
}
#text3 {
background: blue;
-ms-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-box-ordinal-group: 2;
}
#text4 {
background: orange;
}
HTML
<div id="Flexbox"> <div id="text1">text 1</div> <div id="text2">text 2</div> <div id="text3">text 3</div> <div id="text4">text 4</div> </div>
Résultat
Spécifications
Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.