-moz-box-ordinal-group

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.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight, teoli, quentin.lamamy
 Dernière mise à jour par : SphinxKnight,