-webkit-box-pack CSS propriété

Définition de la CSS -webkit-box-pack.

La propriété de Flexbox CSS -webkit-box-pack permet de spécifier la manière dont est distribuée l'espace restant entre les éléments Css flexibles 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.

-webkit-box-pack : start;
-webkit-box-pack : end; 
-webkit-box-pack : center;
-webkit-box-pack : justify;

La propriété de feuille de style -webkit-box-pack CSS peut prendre la valeur de :

• start : le "coin de début" (margin incluses) du premier élément flexible est collé sur le "début principal", chaque élément flexible suivant est placé au ras de l'élément précédent.
• end : le "coin de fin" (margin incluses) du dernier élément flexible est collé sur la "fin principale", chaque élément flexible suivant est placé au ras de l'élément précédent.
• center : chaque élément flexible suivant est placé au ras de l'élément précédent. Et l'ensemble des éléments flexibles est centré par rapport au centre de "l'axe principal".
• justify : le "coin de début" (margin incluses) du premier élément flexible est collé sur le "début principal", le "coin de fin" (margin incluses) du dernier élément flexible est collé sur la "fin principale". Puis les espaces de part et d'autre de chaque élément flexible sont répartis de manière égale.

Exemple de code -webkit-box-pack CSS

Conditions d'application de la CSS -webkit-box-pack.

La propriété de feuille de style -webkit-box-pack CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont le conteneur Flexbox Css d'éléments flexibles Css et qu'il soit de type display:-webkit[-inline]-box.

Héritage des valeurs Css de -webkit-box-pack.

Les balises filles HTML ou XHTML n'héritent pas de la propriété de feuille de style -webkit-box-pack