-ms-flex-line-pack CSS propriété

Définition de la CSS -ms-flex-line-pack.

La propriété de Flexbox CSS -ms-flex-line-pack permet de spécifier la manière dont est redistribué l'espace restant sur l'axe transversal entre lignes de flexibles ou les colonnes de flexibles. Le conteneur Flexbox Css doit être multi-lignes ou multi-colonnes.
Ancienne spécification des Flexbox Css 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.

Exemple de syntaxe CSS -ms-flex-line-pack :

-ms-flex-line-pack : start;
-ms-flex-line-pack : end; 
-ms-flex-line-pack : center;
-ms-flex-line-pack : justify;
-ms-flex-line-pack : distribute;
-ms-flex-line-pack : stretch;

La propriété de feuille de style -ms-flex-line-pack CSS peut prendre la valeur de :

start : le "coin de début" de la première ligne* de flexibles est collé sur le "début principal", chaque ligne* de flexibles suivante est placée au ras de la ligne précédente.
flex-end : le "coin de fin" du première ligne* de flexibles est collé sur la "fin principale", chaque ligne* de flexibles suivante est placée au ras de la ligne* précédente.
center : chaque ligne* de flexibles suivante est placée au ras de la ligne* précédente. Et l'ensemble des lignes* de flexibles est centré par rapport à "l'axe transversal" du conteneur Flexbox Css.
justify : le "coin de début" de la première ligne* de flexibles est collé sur le "début principal", le "coin de fin" (margin incluses) de la dernière ligne* de flexibles est collé sur la "fin principale". Puis les espaces de part et d'autre de chaque ligne* de flexibles sont répartis de manière égale.
distribute : les espaces de part et d'autre de chaque ligne* de flexibles sont de taille identique.
stretch : l'espace restant est répartie de manière équitable sur chaque ligne*. Valeur par défaut.

*) ou colonne suivant la valeur de -ms-flex-direction.

Exemple de code -ms-flex-line-pack CSS

Conditions d'application de la CSS -ms-flex-line-pack.

La propriété de feuille de style -ms-flex-line-pack 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:-ms[-inline]-flexbox. et qu'elles soient multi-lignes ou multi-colonnes : la propriété Css -ms-flex-wrap a la valeur de wrap.

Héritage des valeurs Css de -ms-flex-line-pack.

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

Règles de syntaxes CSS pour -ms-flex-line-pack.

Multi-ligne et seulement multi-ligne

Si le conteneur Flexbox n'est pas multi-lignes ou multi-colonnes la propriété Css -ms-flex-line-pack est ignorée, c'est sa valeur par défaut qui est appliquée.

Compatibilités navigateurs de la propriété -ms-flex-line-pack

Détails des versions de la CSS -ms-flex-line-pack: Propriété préfixée de align-content CSS; Propriété -ms-flex-line-pack css n'est pas compatible W3C

Résumé du support navigateurs de la CSS -ms-flex-line-pack: Propriété CSS -ms-flex-line-pack est compatible à partir de Internet Explorer 10; Propriété CSS -ms-flex-line-pack est obsolète pour Internet Explorer 11+

Propriété Css non préfixée de -ms-flex-line-pack.

-ms-flex-line-pack CSS est une version prÃ©fixée de la propriété de feuille de style align-content CSS pour le navigateur Internet Explorer.

Reportez-vous au chapitre "PropriÃ©tÃ©s prÃ©fixÃ©es" de propriÃ©tÃ© Css align-content 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 -ms-flex-line-pack en CSS

Votez pour la définition CSS `-ms-flex-line-pack`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.