-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 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
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'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.

Compatibilité des navigateurs

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

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight, teoli, louuis
 Dernière mise à jour par : SphinxKnight,