CSS3 Box-Richtung Immobilien
Beispiele
Von rechts nach links, ein div Feld Kind Elemente anzuzeigen:
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;
}
Versuchen »
Browser-Unterstützung
Die aktuelle Mainstream-Browser keine Box-Richtung Eigenschaften unterstützen.
Internet Explorer 10 Privateigentum durch die -ms-flex-Richtung zu unterstützen.
Firefox von Privateigentum - MOZ-box-Richtung zu unterstützen.
Safari und Chrome von Privateigentum -webkit-box-Richtung Eigenschaften.
Hinweis: Internet Explorer 9 und früheren Versionen von IE nicht unterstützt flexible Box.
Attributdefinitionen und Anweisungen
Box-Richtung Attribut gibt die untergeordneten Elemente, in welche Richtung die Anzeigefeld.
Standard: | normal |
---|---|
Vererbt: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.boxDirection = "reverse" |
Grammatik
Box-Richtung: normal | Rückseite | erben;
Wert | Beschreibung |
---|---|
normal | In der Standardausrichtung Anzeigeunterelemente. |
umkehren | In der entgegengesetzten Richtung für untergeordnete Elemente. |
erben | Sie sollten den Wert der Eigenschaft Box-Richtung von den Unterelementen erben |