-moz-orient
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.
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
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 initiale | inline |
|---|---|
| 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ée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |