Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
box-direction
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez letableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
Attention :Cette propriété fait partie de la première version du standard pour les boîtes flexibles (flexbox) et a été remplacée dans une version plus récente. La propriété-moz-box-direction ne peut être utilisée que dans des composants XUL tandis que la propriétébox-direction a été remplacée par la propriété standardflex-direction. Voir la pageFlexbox pour plus d'informations sur ce qui doit être utilisé à la place.
La propriétéCSSbox-direction définit si une boîte doit organiser son contenu dans la direction normale (de haut en bas ou de gauche à droite).
Dans cet article
Syntaxe
/* Valeurs avec un mot-clé */box-direction: normal;box-direction: reverse;/* Valeurs globales */box-direction: inherit;box-direction: initial;box-direction: revert;box-direction: revert-layer;box-direction: unset;La propriétébox-direction est paramétrée avec l'un des mots-clés suivants.
Valeurs
normalLa 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).
reverseLa 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ée verticalement).
Notes
Le bord de la boîte désigné parstart pour l'alignement dépend de l'orientation de la boîte :
- Pour les éléments horizontaux,
startcorrespond au bord haut. - Pour les éléments verticaux,
startcorrespond au bord gauche.
Le bord opposé au bordstart est désigné parend.
Si la direction de l'élément est définie grâce à l'attributdir, la déclaration est ignorée.
Définition formelle
| Valeur initiale | normal |
|---|---|
| Applicabilité | éléments avecdisplay qui vautbox ouinline-box |
| Héritée | non |
| Valeur calculée | comme défini |
| Type d'animation | discrète |
Syntaxe formelle
Error: could not find syntax for this itemExemples
>Définir la direction des boîtes
.exemple { /* du bas vers le haut */ -moz-box-direction: reverse; /* Mozilla */ -webkit-box-direction: reverse; /* WebKit */ box-direction: reverse;}Spécifications
Cette propriété ne fait partie d'aucun standard.
Compatibilité des navigateurs
Voir aussi
- La propriété
box-orient - La propriété
box-pack - La propriété
box-align - La propriété
flex-direction