tutorial pengembangan web terbaru
 

Style flexDirection Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti flexDirection didukung dalam IE10 +, Firefox, Opera, dan Chrome.

Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexDirection.


Sintaksis

Kembali properti flexDirection:

object .style.flexDirection

Mengatur 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