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

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
Média	visuel
Valeur calculée	comme spécifié
Animable	non
Ordre canonique	l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

inline | block | horizontal | vertical

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.

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.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	Pas de support	6.0 (6.0)-moz^[1]	Pas de support	Pas de support	Pas de support
`auto`	Pas de support	21.0 (21.0)^[2] Pas de support40 (40)	Pas de support	Pas de support	Pas de support
`inline` et `block`	Pas de support	40 (40)	Pas de support	Pas de support	Pas de support

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Support simple	Pas de support	6.0 (6.0)-moz^[1]	Pas de support	Pas de support	Pas de support
`auto`	Pas de support	21.0 (21.0)^[2] Pas de support40 (40)	Pas de support	Pas de support	Pas de support
`inline` et `block`	Pas de support	40.0 (40)	Pas de support	Pas de support	Pas de support

[1] Pour Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), un bug entraînait l'affichage des éléments <progress> verticaux avec les dimensions d'une barre horizontale. Cela a été corrigé avec Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4).

[2] La valeur auto était utilisée comme synonyme de horizontal.

Voir aussi

box-orient