-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
Media	visual
Valor calculado	como se especifica
Animatable	no
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).

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

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

[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