Exemple
Faire les articles flexibles enveloppent si necesarry:
document.getElementById("main".style.flexWrap = "wrap"; Essayez vous - même » Définition et utilisation
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é flexWrap n'a aucun effet.
Support du navigateur
La propriété flexWrap est pris en charge dans IE10 +, Firefox, Opera et Chrome.
Remarque: Safari 6.1+ prend en charge une alternative, la propriété WebkitFlexWrap.
Syntaxe
Retour la propriété flexWrap:
object .style.flexWrap Définissez la propriété flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| nowrap | Valeur par défaut. Indique que les éléments flexibles ne seront pas envelopper |
| wrap | Indique que les éléments flexibles envelopperont si nécessaire |
| wrap-reverse | Indique que les éléments flexibles envelopperont, le cas échéant, dans l'ordre inverse |
| 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: | nowrap |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété d'enveloppement d'un élément flexible |
| version CSS | CSS3 |
Pages associées
Référence CSS: flex-wrap 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: flexFlow property
HTML DOM STYLE Référence: flexGrow property
HTML DOM STYLE Référence: flexShrink property
<Style objet