Définition de la CSS -webkit-box-flex.
La propriété de Flexbox CSS -webkit-box-flex
permet de spécifier un facteur d'agrandissement et de réduction de la taille* d'un élément flexible Css en fonction de l'espace disponible dans leur conteneur Flexbox Css et par rapport à l'axe principal.
Ancienne spécification des Flexbox Css basée sur le document de travail de juillet 2009.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.
La propriété de feuille de style -webkit-box-flex
CSS peut prendre une valeur de :
-
0
: spécifie qu'il n'y a aucun agrandissement ou réduction. Valeur par défaut. - nombre décimal positif : spécifie un facteur d'agrandissement et de réduction de la taille initiale d'un éléments flexible Css en cas de redistribution de l'espace restant ou de prélèvement d'espace en trop.
Exemple de code -webkit-box-flex
CSS
Conditions d'application de la CSS -webkit-box-flex.
La propriété de feuille de style -webkit-box-flex
CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont des éléments flexibles Css d'un conteneur Flexbox Css type display:-webkit[-inline]-box
.
Héritage des valeurs Css de -webkit-box-flex.
Les balises filles HTML ou XHTML n'héritent pas de la propriété de feuille de style -webkit-box-flex
Règles de syntaxes CSS pour -webkit-box-flex.
Règles d'agrandissement et de réduction
Pour -webkit-box-orient:horizontal
, l'agrandissement et la réduction concernera le "width
" et la taille initiale (équivalent de flex-basis
) sera la valeur calculée de width
.
La taille finale prendra en compte le min-width
ou le max-width
, s'il est spécifié.
Pour -webkit-box-orient:vertical
, l'agrandissement et la réduction concernera le "height
" et la taille initiale sera la valeur calculée de height
.
La taille finale prendra en compte le min-height
ou le max-height
, s'il est spécifié.
Compatibilités navigateurs de la propriété -webkit-box-flex
- Détails des versions de la CSS -webkit-box-flex
- Propriété préfixée de
flex
CSS - Propriété
-webkit-box-flex
css n'est pas compatible W3C
Propriété Css non préfixée de -webkit-box-flex.
-webkit-box-flex
CSS est une version préfixée de la propriété de feuille de style flex
CSS pour le navigateur Chrome, Safari.
Reportez-vous au chapitre "Propriétés préfixées" de propriété Css flex
pour voir les autres propriétés Css préfixées équivalentes, aussi que le code Css pour avoir un maximum de support navigateurs.
Votre avis sur la définition -webkit-box-flex en CSS
Votez pour la définition CSS -webkit-box-flex
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.2 / 5 - 5
votes
Cliquez sur une étoile pour voter.