box-orient CSS3 własność
Przykłady
Elementy potomne określonego elementu div umieszczony poprzecznie:
div
{
width: 350px;
height: 100px;
border: 1px solid black;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: poziomy;
/ * Apple Safari, Opera i Chrome * /
Wyświetlacz: -webkit-box;
-webkit-box-orient: poziomy;
/ * W3C * /
Wyświetlacz: karton;
box-Orient: poziomy;
}
{
width: 350px;
height: 100px;
border: 1px solid black;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: poziomy;
/ * Apple Safari, Opera i Chrome * /
Wyświetlacz: -webkit-box;
-webkit-box-orient: poziomy;
/ * W3C * /
Wyświetlacz: karton;
box-Orient: poziomy;
}
Spróbuj »
Pomoc Browser
Obecnie wszystkie główne przeglądarki nie obsługują właściwości box-orient.
Firefox od własności prywatnej - MOZ-box-orient wsparcia.
Safari, Opera, Chrome i własności prywatnej poprzez wsparcie-box-orient -webkit.
Atrybut definicje i instrukcje
Obiekt box-orient określa, czy okno powinno być elementy potomne poziomo lub pionowo.
Wskazówka: Wyświetlane jest oknow podelementów w kierunku poziomym od strony lewej do prawej, okno wyświetlane pionowo od góry do dołu. Jednak Box-kierunek orientacji może być grupa box-porządkowej nieruchomości, aby zmienić tę kolejność.
Domyślnie: | inline-osiowy |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.boxOrient = "vertical" |
gramatyka
box-orient: pozioma | pionowa | inline-osiowy | bloku osi | dziedziczenia;
wartość | wyjaśnienie |
---|---|
poziomy | Określone podelementy są ustawione w linii poziomej od lewej do prawej |
pionowy | Od góry do dołu, od położenia pionowego do podelementów |
inline-osiowy | Inline elementy potomne wzdłuż osi (odwzorowane na poziomą) |
Blok-osiowy | Elementy podbloku wzdłuż osi (mapowane do pionu) |
dziedziczyć | Właściwość Wartość box-orient powinny być dziedziczone z elementu nadrzędnego |