-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

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.

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

BCD tables only load in the browser

Voir aussi