Propriété CSS flex-flow
Exemple
Faites en sorte que les éléments flexibles s'affichent dans l'ordre inverse et enroulez-les si nécessaire :
div {
display: flex;
flex-flow: row-reverse wrap;
}
Définition et utilisation
La flex-flow
propriété est une propriété abrégée pour :
Remarque : Si les éléments ne sont pas des éléments flexibles, la flex-flow
propriété n'a aucun effet.
Valeur par défaut: | rangée maintenantrap |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.flexFlow="colonne maintenant rap" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit- ou -moz- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
flex-flow | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Syntaxe CSS
flex-flow: flex-direction flex-wrap|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
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 |
Pages connexes
Tutoriel CSS : Boîte flexible CSS
Référence CSS : propriété flex
Référence CSS : propriété flex-direction
Référence CSS : propriété flex-wrap
Référence CSS : propriété flex-basis
Référence CSS : propriété flex-grow
Référence CSS : propriété flex-shrink
Référence HTML DOM : propriété flexFlow