-moz-orient

No estándar

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The -moz-orient CSS especifica la orientación del elemento al que se aplica.

Valor inicial	`inline`
Applies to	any element; it has an effect on `progress` and `meter`, but not on <input type="range"> or other elements
Heredable	no
Valor calculado	como se especifica
Animation type	discrete

Sintaxis

inline | (en-US) block | (en-US) horizontal | (en-US) vertical

Valores

inline: El elemento se representa en la misma dirección que el eje del texto : horizontal para los modos de escritura horizontales , verticalmente para los modos de escritura vertical .
block: El elemento se representa de forma ortogonal al eje del texto : verticalmente para los modos de escritura horizontal , horizontal para los modos de escritura vertical .
horizontal: El elemento se representa horizontalmente.
vertical: El elemento se representa verticalmente.

Ejemplos

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;
}

Resultado

Especificaciones

Aunque somete al W3C , con retroalimentación positiva inicial , esta propiedad no es todavía parte de ninguna especificación ; Actualmente , esto es una extensión de Mozilla-specific (that is, -moz-orient).

Compatibilidad del navegador

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Escritorio
Móvil

Características	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
apoyo básico	Sin soporte	6.0 (6.0)-moz (en-US)^[1]	Sin soporte	Sin soporte	Sin soporte
`auto` valor	Sin soporte	21.0 (21.0)^[2] Sin soporte40 (40)	Sin soporte	Sin soporte	Sin soporte
línea y el valor de bloqueo	Sin soporte	40 (40)	Sin soporte	Sin soporte	Sin soporte

Caracteísticas	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
apoyo básico	Sin soporte	6.0 (6.0)-moz (en-US)^[1]	Sin soporte	Sin soporte	Sin soporte
`auto` valor	Sin soporte	21.0 (21.0)^[2] Sin soporte40 (40)	Sin soporte	Sin soporte	Sin soporte
línea y el valor de bloqueo	Sin soporte	40.0 (40)	Sin soporte	Sin soporte	Sin soporte

[1] In Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), error causado por verticales<progress> elementos para el procesamiento con las dimensiones de una barra horizontal. Esto se soluciona en Gecko 7.0 { { geckoRelease ( " 7.0 " ) } } .

[2] El valor auto era equivalente a la horizontal.

Ver también

box-orient (en-US)