-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
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
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.