-moz-orient

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

Résumé

La propriété CSS -moz-orient spécifie l'orientation d'un élément à laquel il est appliqué.

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

orient:  auto | horizontal | vertical

Valeurs

auto
Appliqué à <progress> et <meter>, il s'agit de l'équivalent de horizontal.
horizontal
L'élément est affiché horizontalement.
vertical
L'élément est affiché verticalement.

Exemples

HTML

<p>
  The following progress meter 
  is horizontal (the default):
</p>
<progress max="100" value="75"></progress>

<p>
 The following progress meter
 is vertical:
</p>
<progress class="vert" max="100" value="75"></progress>

CSS

.vert {
  -moz-orient: vertical;
  width: 16px;
  height: 150px;
}

Résultat

Spécifications

  • Ne fait partie d'aucune spécification; pour l'instant, c'est une extension spécifique à Mozilla (à savoir, -moz-orient).

Compatibilité des navigateurs

Fonctionalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base Pas de support 6.0 (6.0) Pas de support Pas de support Pas de support
auto Pas de support 21.0 (21.0) Pas de support Pas de support Pas de support
Fonctionalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base Pas de support 6.0 (6.0) Pas de support Pas de support Pas de support
auto Pas de support 21.0 (21.0) Pas de support Pas de support Pas de support

Notes de Gecko

Dans Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), un bogue entraine l'affichage horizontal des éléments vertical <progress>. Ce problème a été corrigé dans Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4).

Voir également

Étiquettes et contributeurs liés au document

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