Contoh
Membuat tampilan item fleksibel dalam kolom, dan tidak ada pembungkus:
document.getElementById("main").style.flexFlow = "column nowrap"; Cobalah sendiri " Definisi dan Penggunaan
Properti flexFlow adalah properti singkatan untuk flexDirection dan sifat flexWrap.
Properti flexDirection menentukan arah item yang fleksibel.
Properti flexWrap menentukan apakah item yang fleksibel harus membungkus atau tidak.
Note: Jika unsur-unsur tidak item fleksibel, properti flexFlow tidak berpengaruh.
Dukungan Browser
Properti flexFlow didukung dalam IE10 +, Firefox, Opera, dan Chrome.
Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexFlow.
Sintaksis
Kembali properti flexFlow:
object .style.flexFlow Mengatur properti flexFlow:
object .style.flexFlow=" Nilai properti Nilai Deskripsi flex-direction Kemungkinan nilai:
baris
baris-terbalik
kolom
Kolom-terbalik
awal
mewarisi Nilai default adalah "row" .
Menentukan arah item yang fleksibel
flex-wrap Kemungkinan nilai:
nowrap
membungkus
wrap-terbalik
awal
mewarisi Nilai default adalah "nowrap" .
Menentukan apakah item yang fleksibel harus membungkus atau tidak
initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: baris nowrap Kembali Nilai: Sebuah String, yang mewakili properti flex-aliran unsur CSS Versi CSS3
Pages terkait
Referensi CSS: flex-flow property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexDirection property
HTML DOM STYLE Referensi: flexGrow property
HTML DOM STYLE Referensi: flexShrink property
HTML DOM STYLE Referensi: flexWrap property
<Style Object