Propriété Style flexDirection

Définition et utilisation

flexDirection Définit et retourne la direction de l'élément flexible.

Remarque :Si l'élément n'est pas un élément flexible, alors flexDirection Attribut invalide.

Voir également :

Manuel de référence CSS :flex-direction propriété

Exemple

Repositionner la direction des éléments flexibles à l'intérieur de l'élément <div> :

document.getElementById("main").style.flexDirection = "column-reverse";

Essayez-le vous-même

Syntaxe

Retour flexDirection propriété :

object.style.flexDirection

Définir flexDirection propriété :

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Valeur de l'attribut

Valeur Description
row Valeur par défaut. Les éléments flexibles s'affichent horizontalement, formant une rangée.
row-reverse Comme row, mais dans l'ordre inverse.
column Les éléments flexibles s'affichent verticalement, formant une colonne.
column-reverse Comme column, mais dans l'ordre inverse.
initial Réinitialise 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
Valeur de retour : Chaîne, représentant l'orientation de l'élément flex-direction propriété.
Version CSS : CSS3

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge 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

Référence du manuel HTML DOM STYLE :flex propriété

Référence du manuel HTML DOM STYLE :flexBasis propriété

Référence du manuel HTML DOM STYLE :flexFlow propriété

Référence du manuel HTML DOM STYLE :flexGrow propriété

Référence du manuel HTML DOM STYLE :flexShrink propriété

Référence du manuel HTML DOM STYLE :flexWrap propriété