-webkit-box-flex CSS propriété

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.

Exemple de syntaxe CSS -webkit-box-flex :
-webkit-box-flex : 0 ;
-webkit-box-flex : 1.5;
-webkit-box-flex : 5; 

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.

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 ) 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

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

Avis sur la page https://www.zonecss.fr/proprietes-css/webkit-box-flex-css.html Votes: 4.2 / 5 - 5 votes
Cliquez sur une étoile pour voter.