-moz-orient

Non standard: Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété -moz-orient définit l'orientation de l'élément sur lequel elle est appliquée.

Syntaxe

La propriété moz-orient est définie avec un mot-clé parmi ceux de la liste ci-après.

Valeurs

inline

L'élément est affiché dans la même direction que l'axe du texte : il est horizontal si le mode d'écriture est horizontal et vertical pour un mode d'écriture vertical.

block

L'élément est affiché dans la direction perpendiculaire à l'axe du texte : il est vertical si le mode d'écriture est horizontal et horizontal pour un mode d'écriture vertical.

horizontal

L'élément est affiché horizontalement.

vertical

L'élément est affiché verticalement.

Syntaxe formelle

Error: could not find syntax for this item

Exemples

HTML

html
<p>
  La barre de progression suivante est horizontale (le comportement par défaut)
  :
</p>
<progress max="100" value="75"></progress>

<p>La barre de progression suivante est verticale :</p>
<progress class="vert" max="100" value="75"></progress>

CSS

css
.vert {
  -moz-orient: vertical;
  width: 16px;
  height: 150px;
}

Résultat

Spécifications

Bien que proposée au W3C, cette propriété ne fait partie d'aucune spécification standard. C'est donc une propriété propriétaire liée à Mozilla/Gecko.

Valeur initialeinline
Applicabilitén'importe quel élément, aura un effet sur <progress> et <meter>, mais pas sur <input type="range"> ou les autres éléments
Héritéenon
Valeur calculéecomme spécifié
Type d'animationdiscrète

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
-moz-orient
Non-standard
block value
Non-standard
inline value
Non-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.

Voir aussi