-moz-orient - CSS

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
Media	visual
Valor calculado	como se especifica
Animation type	discrete
Canonical order	el orden único no-ambigüo definido por la gramática formal

Sintaxis

inline | block | horizontal | 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!

Escritorio
Móvil

Características	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
apoyo básico	Sin soporte	6.0 (6.0)-moz^[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^[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