-webkit-box-align CSS propriété

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

La propriété de Flexbox CSS -webkit-box-align permet de spécifier l'alignement les éléments "flexibles" par rapport à l'axe transversal.
Ancienne spécification des Flexbox 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-align : start;
-webkit-box-align : end; 
-webkit-box-align : center;
-webkit-box-align : baseline;
-webkit-box-align : stretch;

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

• start : le "coin de début" (margin incluses) de chaque élément flexible est collé sur le "début transversal de la ligne".
• end : le "coin de fin" (margin incluses) chaque élément flexible est collé sur sur la "fin transversal" de la ligne.
• center : chaque élément flexible (margin incluses) est centré par rapport à "l'axe transversal" de la ligne ou de la colonne.
• baseline : chaque élément flexible s'aligne sur leur baseline afin de partager la même ligne de base (baseline) sur sa ligne.
• stretch : chaque élément flexible est étiré afin que sa taille (margin incluses) prenne toute la hauteur de sa ligne tout en respectant les contraintes imposées par min-height, max-height et min-width , max-width.

Exemple de code -webkit-box-align CSS

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

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

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

Les balises filles HTML ou XHTML directes héritent de la propriété de feuille de style -webkit-box-align