Exemple
Faire l'affichage des éléments flexibles dans les colonnes, et sans emballage:
document.getElementById("main").style.flexFlow = "column nowrap"; Essayez vous - même » Définition et utilisation
La propriété est FlexFlow un raccourci pour la flexDirection et les propriétés flexWrap.
La propriété flexDirection indique la direction des éléments flexibles.
La propriété flexWrap spécifie si les éléments flexibles doivent envelopper ou non.
Note: Si les éléments ne sont pas des éléments flexibles, la propriété FlexFlow n'a aucun effet.
Support du navigateur
La propriété FlexFlow est pris en charge dans IE10 +, Firefox, Opera et Chrome.
Remarque: Safari 6.1+ prend en charge une alternative, la propriété WebkitFlexFlow.
Syntaxe
Retour la propriété FlexFlow:
object .style.flexFlow Définissez la propriété FlexFlow:
object .style.flexFlow=" Valeurs de propriété Valeur La description flex-direction Valeurs possibles:
rangée
row-reverse
colonne
colonne inverse
initiale
hériter La valeur par défaut est "row" .
Spécification de la direction des éléments flexibles
flex-wrap Valeurs possibles:
nowrap
emballage
wrap-inverse
initiale
hériter La valeur par défaut est "nowrap" .
Spécification si les éléments flexibles doivent envelopper ou non
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: ligne nowrap Valeur de retour: Une chaîne, ce qui représente la propriété de flexion d'écoulement d'un élément version CSS CSS3
Pages associées
Référence CSS: flex-flow property
HTML DOM STYLE Référence: flex property
HTML DOM STYLE Référence: flexBasis property
HTML DOM STYLE Référence: flexDirection property
HTML DOM STYLE Référence: flexGrow property
HTML DOM STYLE Référence: flexShrink property
HTML DOM STYLE Référence: flexWrap property
<Style objet