Style flexDirection

Definisi dan Penggunaan

flexDirection Atur atau kembalikan arah item elasthan.

Komentar:Jika elemen bukan item elasthan, maka flexDirection Properti Tidak Valid.

Lihat Juga:

Referensi CSS:flex-direction

Contoh

Ujungkan arah item elasthan di dalam elemen <div>:

document.getElementById("main").style.flexDirection = "column-reverse";

Coba Sendiri

Sintaks

Kembalikan flex-direction:

object.style.flexDirection

Atur flex-direction:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Nilai properti

Nilai Deskripsi
row Nilai Default. Item elasthan menampilkan secara horizontal, sebagai baris.
row-reverse Sama seperti row, tetapi berurutan sebaliknya.
column Item elasthan menampilkan secara vertikal, sebagai kolom.
column-reverse Sama seperti column, tetapi berurutan sebaliknya.
initial Atur properti ini ke nilai default. Lihat initial.
inherit Mengambil properti ini dari elemen orangtua. Lihat inherit.

Detil Teknis

Nilai Default: row
Hasil kembalian: String, menunjukkan arah elemen flex-direction.
Versi CSS: CSS3

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 11.0 Dukungan 9.0 Dukungan

Halaman yang berhubungan

HTML DOM STYLE Referensi:flex

HTML DOM STYLE Referensi:flexBasis

HTML DOM STYLE Referensi:flexFlow

HTML DOM STYLE Referensi:flexGrow

HTML DOM STYLE Referensi:flexShrink

HTML DOM STYLE Referensi:flexWrap