-ms-flex-align CSS propriété

Définition de la CSS -ms-flex-align.

La propriété de Flexbox CSS -ms-flex-align permet de spécifier globalement l'alignement des éléments flexibles Css entre eux par rapport à l'axe transversal et au sein d'une ligne ou colonne de flexibles.
Pour redéfinir l'alignement d'élément flexible Css par rapport aux autres, utilisez la propriété Css -ms-flex-item-align.
Ancienne spécification des Flexbox basée sur le document de travail de mars 2012.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

-ms-flex-align : start;
-ms-flex-align : end; 
-ms-flex-align : center;
-ms-flex-align : baseline;
-ms-flex-align : stretch;

La propriété de feuille de style -ms-flex-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. Valeur par défaut.

Exemple de code -ms-flex-align CSS

Conditions d'application de la CSS -ms-flex-align.

La propriété de feuille de style -ms-flex-align CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont des éléments "flexibles" d'un conteneur Flexbox de type display:-ms[-inline]-flexbox.

Héritage des valeurs Css de -ms-flex-align.

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