Atribut Style flexFlow

Definisi dan penggunaan

flexFlow Atribut adalah flexDirection dan flexWrap Atribut singkatan

flexDirection Atribut menentukan arah item elasti.

flexWrap Atribut menentukan apakah item elasti harus dialihkan baris.

Komentar:Jika elemen bukan item elasti, maka flexFlow Atribut tidak valid.

Lihat juga:

Referensi CSS:flex-flow 属性

Contoh

Tampilkan item elasti menurut kolom dan tanpa dialihkan baris:

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

Coba sendiri

Sintaks

Kembalikan atribut flexFlow:

object.style.flexFlow

Atur atribut flexFlow:

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

Nilai atribut

Nilai Deskripsi
flex-direction

Nilai yang mungkin:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Nilai standar adalah "row".

Menentukan arah item elasti.
flex-wrap

Nilai yang mungkin:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Nilai standar adalah "nowrap".

Menentukan apakah item elasti harus dialihkan baris.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil Teknis

Nilai standar: row nowrap
Nilai kembalian: String, yang menunjukkan elemen flex-flow 属性.
Versi CSS: CSS3

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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:flexDirection 属性

HTML DOM STYLE Referensi:flexGrow 属性

HTML DOM STYLE Referensi:flexShrink 属性

HTML DOM STYLE Referensi:flexWrap 属性