-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
/* Valeurs avec un mot-clé */
-moz-orient: inline;
/* Valeurs globales */
-moz-orient: inherit;
-moz-orient: initial;
-moz-orient: revert;
-moz-orient: revert-layer;
-moz-orient: unset;
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.
Définition formelle
| 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 |
Syntaxe formelle
-moz-orient =
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
Cette propriété ne fait partie d'aucun standard.
Compatibilité des navigateurs
Loading…