Propriété style.flexFlow

Définition et utilisation

flexFlow L'attribut est flexDirection et flexWrap Propriété abrégée de l'attribut.

flexDirection L'attribut détermine la direction des éléments flexibles.

flexWrap L'attribut détermine si les éléments flexibles doivent être mis en ligne.

Remarque :Si l'élément n'est pas un élément flexible, alors flexFlow Attribut non valide.

Voir également :

Guide de référence CSS :flex-flow propriété

Exemple

Affiche les éléments flexibles en colonne et sans déroulement :

document.getElementById("main").style.flexFlow = "column nowrap";

Essayez-le vous-même

Syntaxe

Retourner la propriété flexFlow :

object.style.flexFlow

Définir la propriété flexFlow :

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Valeur de l'attribut

Valeur Description
flex-direction

Valeurs possibles :

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

La valeur par défaut est "row".

Définit la direction des éléments flexibles.
flex-wrap

Valeurs possibles :

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

La valeur par défaut est "nowrap".

Définit si les éléments flexibles doivent être mis en ligne.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : row nowrap
Valeur de retour : une chaîne, indiquant l'élément flex-flow propriété.
Version CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporté 11.0 supporté 9.0 supporté

pages associées

Guide de référence HTML DOM STYLE :flex propriété

Guide de référence HTML DOM STYLE :flexBasis propriété

Guide de référence HTML DOM STYLE :flexDirection propriété

Guide de référence HTML DOM STYLE :flexGrow propriété

Guide de référence HTML DOM STYLE :flexShrink propriété

Guide de référence HTML DOM STYLE :flexWrap propriété