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