Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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
Mediavisual
Valor calculadocomo se especifica
Animation typediscrete
Canonical orderel 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!

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

Etiquetas y colaboradores del documento

 Colaboradores en esta página: anytameleiro
 Última actualización por: anytameleiro,