Propriété flexFlow de style
Exemple
Faites en sorte que les éléments flexibles s'affichent dans des colonnes et sans retour à la ligne :
document.getElementById("main").style.flexFlow = "column nowrap";
Définition et utilisation
La propriété flexFlow est une propriété abrégée pour les propriétés flexDirection et flexWrap.
La propriété flexDirection spécifie la direction des éléments flexibles.
La propriété flexWrap spécifie si les éléments flexibles doivent être renvoyés à la ligne ou non.
Remarque : Si les éléments ne sont pas des éléments flexibles, la propriété flexFlow n'a aucun effet.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Syntaxe
Renvoyez la propriété flexFlow :
object.style.flexFlow
Définissez la propriété flexFlow :
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rangée maintenantrap |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété flex-flow d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété flex-flow
Référence HTML DOM STYLE : propriété flex
Référence HTML DOM STYLE : propriété flexBasis
Référence HTML DOM STYLE : propriété flexDirection
Référence HTML DOM STYLE : propriété flexGrow
Référence HTML DOM STYLE : propriété flexShrink
Référence HTML DOM STYLE : propriété flexWrap
❮ Objet de style