box-direction

Avertissement : Cette propriété reflète une ancienne version du standard pour le module CSS sur les boîtes flexibles. La propriété -moz-box-direction est uniquement utilisée pour XUL et l'ancienne propriété standard box-direction a depuis été remplacée par flex-direction.

La propriété box-direction définit si une boîte doit organiser son contenu dans la direction normale (de haut en bas ou de gauche à droite). Pour plus de détails sur les propriétés des éléments flexibles, voir la page Flexbox.

Valeur initialenormal
Applicabilitééléments avec display qui vaut box ou inline-box
Héritéenon
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

normal | reverse | inherit

Valeurs

normal
La boîte répartit son contenu à partir du début (le côté gauche si la boîte est orientée horizontalement ou le côté haut si la boîte est orientée verticalement).
reverse
La boîte répartit son contenu à partir de la fin (le côté droit si la boîte est orientée horizontalement ou le côté bas si la boîte est orienté verticalement).

Exemples

.exemple {
  /* du bas vers le haut */
  box-direction: reverse;
  -moz-box-direction: reverse;      /* Mozilla */
  -webkit-box-direction: reverse;   /* WebKit */
}

Notes

Si la direction de l'élément est définie grâce à l'attribut dir, la déclaration est ignorée.

Spécifications

Brouillon de travail pour le module des boîtes flexibles (W3C)

Note : L'état de cette spécification ne reflète pas l'implémentation de Mozilla ou Webkit.

Ancienne version de la spécification

Note : Les implémentations de WebKit et Mozilla se basent sur cette version de la spécification

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui)-webkit (Oui)-moz Pas de support (Oui)-webkit 1.1-khtml
3.0-webkit
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple ? ? (Oui) -moz Pas de support ? 1.0-webkit

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB, Kyodev, Fredchat
 Dernière mise à jour par : SphinxKnight,