CSS3 propiedad box-dirección
Ejemplos
De derecha a izquierda, para mostrar un cuadro div elementos secundarios:
div
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-direction:row-reverse;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
}
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-direction:row-reverse;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
}
Trate »
Soporte para el navegador
El navegador corriente actual no es compatible con las propiedades de caja de dirección.
Internet Explorer 10 propiedad privada por el apoyo -ms-flex-dirección.
Firefox por la propiedad privada - apoyo MOZ-cuadro-dirección.
Safari y Chrome de propiedad privada propiedades webkit-box-dirección.
Nota: Internet Explorer 9 y versiones anteriores de IE no son compatibles con la caja flexible.
Definiciones de atributos e instrucciones
atributo cuadro de dirección especifica los elementos secundarios de la dirección en la caja de presentación.
Por defecto: | normal |
---|---|
heredada: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | a objetos .style.boxDirection = "atrás" |
gramática
caja de dirección: la normalidad | revertir | heredar;
valor | descripción |
---|---|
normal | En la pantalla orientación predeterminada sub-elementos. |
marcha atrás | En la dirección opuesta para elementos secundarios. |
heredar | Usted debe heredar el valor de la propiedad cuadro de dirección de los sub-elementos |