-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 inicialinline
Applies toany element; it has an effect on progress and meter, but not on <input type="range"> or other elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

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)

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