-ms-flex CSS propriété

Définition de la CSS -ms-flex.

La propriété de Flexbox CSS -ms-flex permet de spécifier un facteur d'agrandissement ou de réduction de la taille* d'un élément flexible Css en fonction de l'espace disponible du conteneur Flexbox Css et par rapport à l'axe principal.
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.

-ms-flex : 1 1 auto;
-ms-flex : 1 0 0px; 

La propriété de feuille de style -ms-flex CSS peut prendre une valeur de chaque propriété suivante :

• agrandissement : nombre positif entier. Facteur d'agrandissement de la taille initiale* en cas de redistribution de l'espace restant. Peut être omis, dans ce cas, sa valeur est 1.
  Equivalent de la propriété Css flex-grow, mais n'existe pas en version préfixée -ms-.
• réduction : nombre positif entier. Facteur de réduction de la taille initiale* en cas où la tailles totales des éléments flexibles soient supérieure à la taille du conteneur Flex. Peut être omis, dans ce cas, sa valeur est 0.
  Equivalent de la propriété Css flex-shrink, mais n'existe pas en version préfixée -ms-.
• taille : auto ou numérique positif ou négatif suivi d'une unité de longueur CSS (px, ex, em, etc...) ( même la valeur 0), représentant la taille initiale* désirée d'un élément flexible Css. Peut être omis, dans ce cas, sa valeur est 0px.
  Peut prendre la valeur de auto dans ce cas, c'est le width ou le height qui est pris suivant la valeur de -ms-flex-direction.
  Equivalent de la propriété Css flex-basis, mais n'existe pas en version préfixée -ms-.
• none : valeur seule. Equivaut à la valeur "0 0 auto". Valeur par défaut.

Exemple de code -ms-flex CSS

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

La propriété de feuille de style 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 de type display:-ms[-inline]-flexbox.

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

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