box-flex-group

Non standard

Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Attention ! Cette propri√©t√© fait partie de la premi√®re version du standard pour les bo√ģtes flexibles (flexbox) et sera remplac√©e dans une prochaine version.

Voir la page Flexbox pour plus d'informations.

La propri√©t√© box-flex-group permet d'affecter un √©l√©ment fils de la bo√ģte flexible √† un groupe. Pour plus de d√©tails, se r√©f√©rer √† la page Flexbox qui d√©crit les diff√©rentes propri√©t√©s des bo√ģtes flexibles.

/* Un entier désignant le groupe */
/* Type <integer>                */
box-flex-group: 1;
box-flex-group: 5;

/* Valeurs globales */
box-flex-group: inherit;
box-flex-group: initial;
box-flex-group: unset;

Les √©l√©ments flexibles sont affect√©s √† des groupes. Le premier groupe sera d√©sign√© par l'indice 1 et les groupes suivants par 2, 3, et ainsi de suite. Lorsque l'espace restant dans la bo√ģte est r√©parti, le moteur prend d'abord en compte les √©l√©ments du premier groupe et r√©partit l'espace entre les diff√©rents √©l√©ments de ce groupe selon leurs flexibilit√©s relatives. Une fois l'espace augment√© au maximum, le moteur passe au groupe qui suit en utilisant l'espace restant et ainsi de suite. Si, une fois l'ensemble des groupes trait√©s, il y a encore de l'espace, celui-ci est r√©parti gr√Ęce √† la propri√©t√© box-pack.

Si la bo√ģte d√©passe une fois que l'espace pour l'√©l√©ment fils a √©t√© calcul√©, l'espace est alors retir√© (chaque groupe est examin√© dans l'ordre et l'espace est retir√© selon la flexibilit√© de chaque √©l√©ment). Les √©l√©ments ne sont pas r√©duits en de√ß√† de leurs largeurs minimales.

Syntaxe

Cette propriété est définie avec un entier positif.

Syntaxe formelle

<integer>

Spécifications

Valeur initiale1
Applicabilit√©les √©l√©ments fils dans le flux des √©l√©ments de bo√ģte
Héritéenon
Valeur calculéecomme spécifié
Type d'animationdiscrète

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi