Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. CSS
  3. Référence
  4. Propriétés CSS
  5. box-direction

Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in EnglishAlways switch to English

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).

Syntaxe

css
/* 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

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é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,start correspond au bord haut.
  • Pour les éléments verticaux,start correspond 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 initialenormal
Applicabilitééléments avecdisplay qui vautbox ouinline-box
Héritéenon
Valeur calculéecomme défini
Type d'animationdiscrète

Syntaxe formelle

Error: could not find syntax for this item

Exemples

Définir la direction des boîtes

css
.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

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par lescontributeurs du MDN.


[8]ページ先頭

©2009-2026 Movatter.jp