Manuel de référence CSS

Règles CSS @

Propriétés CSS complètes

CSS3 flex-Propriété grow CSS3 flex-Propriété direction

CSS3 flex-Méthode d'utilisation et exemple de propriété flow

flex-La propriété flow CSS est utilisée pour définir en même tempsflex-directionetflex-wrapAbréviations des propriétés individuelles.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :	row nowrap; Voir toutes les propriétés
Applicable à :	Conteneur élastique
Héritage :	Non
Animable :	Non.Voir également Attributs d'animation.
Version :	CSS3nouvelle fonction
JavaScript syntaxe :	object.style.flexFlow="column nowrap"

flex-Syntaxe d'utilisation de flow

La syntaxe de cette propriété est la suivante :

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

Les exemples suivants montrent comment utiliser flex-Propriété flow.

Exemple

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex
　　　　-webkit-flex-flow: row-reverse wrap;
　　　　
　　　　display: flex;
　　　　flex-flow: row-reverse wrap;
}

Vérifiez et voyez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
flex-direction	Spécifie la manière dont l'élément flexible est placé dans le conteneur flexible.
flex-wrap	Spécifie si l'élément flexible doit être décomposé en ligne ou en colonne.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le flex de son élément parent-Valeurs de la propriété flow.

Compatibilité du navigateur

flex-La compatibilité du navigateur de la propriété flow, les numéros dans le tableau suivant représentent la version minimale du navigateur qui prend en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 18+ ^-moz-,28 Google Chrome 21+ ^-webkit-,29 Internet Explorer 10+ ^-ms-,11 Apple Safari 6.1+ ^-webkit- Opera 12.1+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3Mise en page en colonnes multiples.

Propriétés associées :align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.

CSS3 flex-Propriété grow CSS3 flex-Propriété direction