Latest web development tutorials

Properti HTML DOM Style flexFlow

Gaya Referensi Obyek gaya Objects

contoh

Proyek fleksibel untuk membuat kolom yang ditampilkan, dan tidak kolom membagi:

document.getElementById("main").style.flexFlow="column nowrap";

Coba »

Definisi dan Penggunaan

Properti flexFlow adalah flexDirection properti singkat dan sifat flexWrap.

Atribut flexDirection menentukan arah dari proyek fleksibel.

Atribut flexWrap menentukan proyek fleksibel dibagi baris atau kolom split.

Catatan: Jika elementidak item fleksibel, properti flexFlow tidak bekerja.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera dan Chrome mendukung properti flexFlow.


tatabahasa

Kembali sifat flexFlow:

object .style.flexFlow

Pengaturan properti flexFlow:

object .style.flexFlow="flex-directionflex-wrap |initial|inherit"

Nilai properti

描述
flex-direction 可能的值:

row
row-reverse
column
column-reverse
initial
inherit

默认值是 "row"。

规定灵活项目的方向。

flex-wrap 可能的值:

nowrap
wrap
wrap-reverse
initial
inherit

默认值是 "nowrap"。

规定灵活项目是否拆行或拆列。

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: baris nowrap
Pengembalian: String yang mewakili sifat flex-aliran elemen.
versi CSS CSS3


Artikel terkait

Referensi CSS: Properti Flex-Flow

HTML DOM STYLE Referensi: Flex Properti

HTML DOM STYLE Referensi: properti flexBasis

HTML DOM STYLE Referensi: properti flexDirection

HTML DOM STYLE Referensi: properti flexGrow

HTML DOM STYLE Referensi: properti flexShrink

HTML DOM STYLE Referensi: properti flexWrap


Gaya Referensi Obyek gaya Objects