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.

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
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

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

inline | block | horizontal | vertical

Exemples

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

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

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simple
Non-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 6IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile Aucun support NonFirefox Android Support complet 6Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
auto value
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 21 — 40
Notes
Aucun support 21 — 40
Notes
Notes The auto value was equivalent to horizontal.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile Aucun support NonFirefox Android Aucun support 21 — 40
Notes
Aucun support 21 — 40
Notes
Notes The auto value was equivalent to horizontal.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
inline and block values
Non-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 40IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile Aucun support NonFirefox Android Support complet 40Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, teoli, louuis
Dernière mise à jour par : SphinxKnight,