Contoh
Membuat item fleksibel membungkus jika necesarry:
document.getElementById("main".style.flexWrap = "wrap"; Cobalah sendiri " Definisi dan Penggunaan
Properti flexWrap menentukan apakah item yang fleksibel harus membungkus atau tidak.
Note: Jika unsur-unsur tidak item fleksibel, properti flexWrap tidak berpengaruh.
Dukungan Browser
Properti flexWrap didukung dalam IE10 +, Firefox, Opera, dan Chrome.
Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexWrap.
Sintaksis
Kembali properti flexWrap:
object .style.flexWrap Mengatur properti flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| nowrap | nilai default. Menentukan bahwa item fleksibel tidak akan membungkus |
| wrap | Menentukan bahwa item yang fleksibel akan membungkus jika perlu |
| wrap-reverse | Menentukan bahwa item yang fleksibel akan membungkus, jika perlu, dalam urutan terbalik |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | nowrap |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti flex-wrap dari unsur |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: flex-wrap property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexDirection property
HTML DOM STYLE Referensi: flexFlow property
HTML DOM STYLE Referensi: flexGrow property
HTML DOM STYLE Referensi: flexShrink property
<Style Object