CSS3 proprietà box-direzione
Esempi
Da destra a sinistra, per visualizzare una finestra div elementi figlio:
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;
}
Prova »
Supporto per il browser
La corrente del browser tradizionale non supporta le proprietà box-direzione.
Internet Explorer 10 di proprietà privata dal supporto -ms-flex-direzione.
Firefox dalla proprietà privata - supporto MOZ-box-direzione.
Safari e Chrome di proprietà privata proprietà -webkit-box-direzione.
Nota: Internet Explorer 9 e versioni precedenti di Internet Explorer non supportano scatola flessibile.
Attributo definizioni e le istruzioni
attributo box-direzione specifica gli elementi figlio di quale direzione il dialogo.
predefinito: | normale |
---|---|
Inherited: | no |
versione: | CSS3 |
sintassi JavaScript: | agli oggetti .style.boxDirection = "reverse" |
grammatica
box-direzione: normale | invertire | ereditare;
valore | descrizione |
---|---|
normale | Nel sub-elementi di visualizzazione orientamento predefinito. |
retromarcia | Nella direzione opposta per gli elementi figlio. |
ereditare | Si dovrebbe ereditare il valore della proprietà box-direzione da sub-elementi |