flex-flow CSS propriété

Définition de la CSS flex-flow.

La propriété de Flexbox CSS flex-flow est un raccourci qui permet de spécifier si les éléments flexibles peuvent être multi-lignes (flex-wrap) et leurs dispositions (flex-direction) dans leur conteneur Flexbox Css.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

Exemple de syntaxe CSS flex-flow :

flex-flow : column;
flex-flow : wrap; 
flex-flow : row wrap-reverse;

La propriété de feuille de style flex-flow CSS peut prendre la valeur d'une ou des propriétés suivante :

flex-direction : définit la manière dont les éléments flexibles sont placés dans un conteneur Flexbox Css. Valeur optionnelle.
flex-wrap : définit si les éléments flexibles Css sont disposés sur une seule ligne ou si on autorise le retour automaique. Valeur optionnelle.

Exemple de code flex-flow CSS

Conditions d'application de la CSS flex-flow.

La propriété de feuille de style flex-flow 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:[inline-]flex.

Héritage des valeurs Css de flex-flow.

Les balises filles HTML ou XHTML n'héritent pas des propriétés de feuille de style flex-flow

Règles de syntaxes CSS pour flex-flow.

Omission de valeurs pour la css flex-flow

Si flex-wrap est omise alors sa valeur est nowrap.
Si flex-direction est omise alors sa valeur est row.

Compatibilités navigateurs de la propriété flex-flow

Détails des versions de la CSS flex-flow: Propriété flex-flow est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS flex-flow: Propriété CSS flex-flow est compatible sous une forme préfixée avec Chrome 21; Propriété CSS flex-flow est compatible à partir de Chrome 29; Propriété CSS flex-flow plus ou moins compatible à partir de Firefox 22; Propriété CSS flex-flow est compatible à partir de Internet Explorer 11; Propriété CSS flex-flow est compatible à partir de Opera 12; Propriété CSS flex-flow est compatible sous une forme préfixée avec Safari 7; Propriété CSS flex-flow est compatible à partir de Safari 9

Propriétés CSS préfixées de flex-flow

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété flex-flow CSS :

Pour rendre compatible la propriété flex-flow CSS avec le plus grand nombre de navigateurs, vous devez utiliser les versions préfixées suivante :

Versions préfixées de flex-flow :

-webkit-flex-flow : row wrap-reverse;
-moz-flex-flow : row wrap-reverse;
flex-flow : row wrap-reverse;

Votre avis sur la définition flex-flow en CSS

Votez pour la définition CSS `flex-flow`

Votes: 3.5 / 5 - 2 votes
Cliquez sur une étoile pour voter.