CSS3 box-orient Eigenschaft
Beispiele
Spezifizierte div Element Kindelemente seitlich angeordnet:
div
{
Breite: 350px;
Höhe: 100px;
border: 1px solid black;
/ * Firefox * /
Anzeige: -moz-Box;
-moz-box-orient: horizontal;
/ * Safari, Opera und Chrome * /
Anzeige: -webkit-Box;
-webkit-box-orient: horizontal;
/ * W3C * /
Anzeige: Box;
box-orient: horizontal;
}
{
Breite: 350px;
Höhe: 100px;
border: 1px solid black;
/ * Firefox * /
Anzeige: -moz-Box;
-moz-box-orient: horizontal;
/ * Safari, Opera und Chrome * /
Anzeige: -webkit-Box;
-webkit-box-orient: horizontal;
/ * W3C * /
Anzeige: Box;
box-orient: horizontal;
}
Versuchen »
Browser-Unterstützung
Derzeit sind alle gängigen Browser unterstützen nicht box-orient Eigenschaft.
Firefox von Privateigentum - MOZ-box-orient Unterstützung.
Safari, Opera und Chrome durch das Privateigentum -webkit-box-orient Unterstützung.
Attributdefinitionen und Anweisungen
box-orient Eigenschaft gibt an, ob ein Feld Elemente horizontal oder vertikal Kind sein sollte.
Tipp: Feld in den Unterelementen in horizontaler Richtung angezeigt wird , von links nach rechts, angezeigt Feld vertikal von oben nach unten.Allerdings Box-Richtung kann Orientierung sein kasten ordinal-Gruppe Eigenschaft dieser Reihenfolge zu ändern.
| Standard: | Inline-Achse |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt .style.boxOrient = "vertical" |
Grammatik
box-orient: horizontal | vertikal | Inline-Achse | Block-Achse | erben;
| Wert | Erklärung |
|---|---|
| horizontal | Angegebenen Unterelemente sind in einer horizontalen Linie angeordnet, von links nach rechts |
| vertikal | Von oben nach unten von der vertikalen Anordnung der Subelemente |
| Inline-Achse | Inline-Kind-Elemente entlang der Achse (abgebildet Landschaft) |
| Block-Achse | Sub-Blockelemente entlang der Achse (abgebildet auf der Vertikalen) |
| erben | Wert box-orient Eigenschaft sollte aus dem übergeordneten Element vererbt werden |