Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
box-ordinal-group
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Attention :Cette propriété fait partie de la première version du standard pour les boîtes flexibles (flexbox) et a été remplacée dans une version plus récente de la spécification. Voir la pageUtiliser les boîtes flexibles CSS pour plus d'informations à propos du standard actuel.
La propriétéCSSbox-ordinal-group permet d'affecter les éléments fils d'une boîte flexible à un groupe numéroté.
/* Un entier indiquant le groupe *//* Type <integer> */box-ordinal-group: 1;box-ordinal-group: 5;/* Valeurs globales */box-ordinal-group: inherit;box-ordinal-group: initial;box-ordinal-group: unset;Les groupes ordinaux peuvent être utilisés avec la propriétébox-direction afin de contrôler l'ordre dans lequel les éléments fils apparaissent dans la boîte. Lorsquela valeur calculée debox-direction estnormal, une boîte affichera ses éléments en commençant par le groupe dont l'ordre est le plus faible et les disposera de gauche à droite pour les boîtes horizontales et du haut vers le bas pour les boîtes verticales. Les éléments dont l'ordre est égal seront disposés dans l'ordre dans lequel ils apparaissent. Lorsque la direction est inversée, les ordres sont gérés de la même façon, les éléments apparaîtront dans l'ordre inverse.
Syntaxe
Cette propriété se définit avec un entier positif (<integer>).
Définition formelle
| Valeur initiale | 1 |
|---|---|
| Applicabilité | les éléments fils des éléments de boîte |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
Syntaxe formelle
Error: could not find syntax for this itemExemples
Utilisation simple
Dans d'anciennes versions de la spécificationbox-ordinal-group était incluse pour permettre de modifier l'ordre d'affichage des enfants flexibles à l'intérieur d'un conteneur flexible.
article:nth-child(1) { -webkit-box-ordinal-group: 2 -moz-box-ordinal-group: 2 box-ordinal-group: 2}article:nth-child(2) { -webkit-box-ordinal-group: 1 -moz-box-ordinal-group: 1 box-ordinal-group: 1}La propriété équivalente qui remplace celle-ci estorder.
Spécifications
Cette propriété ne fait partie d'aucun standard.