kotak-orient CSS3 properti
contoh
elemen anak ditentukan elemen div diatur lateral:
div
{
width: 350px;
height: 100px;
border: 1px solid hitam;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horisontal;
/ * Safari, Opera, dan Chrome * /
display: -webkit-box;
-webkit-box-orient: horisontal;
/ * W3C * /
display: kotak;
kotak-orient: horisontal;
}
{
width: 350px;
height: 100px;
border: 1px solid hitam;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horisontal;
/ * Safari, Opera, dan Chrome * /
display: -webkit-box;
-webkit-box-orient: horisontal;
/ * W3C * /
display: kotak;
kotak-orient: horisontal;
}
Coba »
Dukungan Browser
Saat ini, semua browser utama tidak mendukung properti kotak-orient.
Firefox dengan milik pribadi - MOZ-box-orient dukungan.
Safari, Opera, dan Chrome melalui properti pribadi dukungan kotak-orient WebKit.
Definisi atribut dan petunjuk
Properti kotak-orient menentukan apakah kotak harus elemen anak horizontal atau vertikal.
Tip: box di sub-elemen dalam arah horisontal ditampilkan dari kiri ke kanan, kotak ditampilkan secara vertikal dari atas ke bawah.Namun, Box-arah orientasi mungkin -kelompok kotak-ordinal properti untuk mengubah urutan ini.
default: | inline-axis |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.boxOrient = "vertical" |
tatabahasa
Kotak-orient: horisontal | vertikal | inline-axis | blok-axis | mewarisi;
nilai | penjelasan |
---|---|
horisontal | Ditentukan sub-elemen tersebut diatur dalam garis horizontal dari kiri ke kanan |
vertikal | Dari atas ke bawah susunan vertikal sub-elemen |
inline-axis | elemen anak inline sepanjang sumbu (dipetakan ke landscape) |
blok-axis | elemen sub-blok sepanjang sumbu (dipetakan ke vertikal) |
mewarisi | Properti nilai kotak-orient harus diwarisi dari elemen induk |