Contoh
Mengatur ulang arah item fleksibel dalam <div> elemen:
document.getElementById("main").style.flexDirection = "column-reverse"; Cobalah sendiri " Definisi dan Penggunaan
The flexDirection set properti atau mengembalikan arah item yang fleksibel.
Note: Jika elemen bukan barang yang fleksibel, properti flexDirection tidak berpengaruh.
Dukungan Browser
Properti flexDirection didukung dalam IE10 +, Firefox, Opera, dan Chrome.
Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexDirection.
Sintaksis
Kembali properti flexDirection:
object .style.flexDirectionMengatur properti flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| row | nilai default. Item fleksibel ditampilkan secara horizontal, berturut-turut sebagai |
| row-reverse | Sama seperti baris, tetapi dalam urutan terbalik |
| column | Item fleksibel ditampilkan secara vertikal, sebagai kolom |
| column-reverse | Sama seperti kolom, tetapi 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: | baris |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti flex-arah elemen |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: flex-direction property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexFlow property
HTML DOM STYLE Referensi: flexGrow property
HTML DOM STYLE Referensi: flexShrink property
HTML DOM STYLE Referensi: flexWrap property
<Style Object