-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

BCD tables only load in the browser

Voir aussi