Atribut flex-flow CSS

Definisi dan penggunaan

Atribut flex-flow adalah singkatan dari atribut berikut:

Komentar:Jika elemen bukan item elasti, atribut flex tidak berlaku.

Juga lihat:

Panduan CSS:Boks elasti CSS

Panduan CSS:Atribut flex

Panduan CSS:Atribut flex-direction

Panduan CSS:Atribut flex-basis

Panduan CSS:Atribut flex-grow

Panduan CSS:Atribut flex-shrink

Panduan CSS:Atribut flex-wrap

Panduan HTML DOM:Atribut flexFlow

Contoh

Tampilkan item elasti dengan arah yang berlawanan dan dijalankan baris saat diperlukan:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

Coba sendiri

Syntaks CSS

flex-flow: flex-direction flex-wrap|initial|inherit;

Nilai atribut

Nilai Deskripsi
flex-direction

Nilai yang mungkin:

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

Nilai default adalah "row".

Tentukan arah item elasti.
flex-wrap

Nilai yang mungkin:

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

Nilai default adalah "nowrap".

Tentukan apakah item elasti harus dijalankan baris.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: row nowrap
Turunan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.flexFlow="column nowrap"

Dukungan browser

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

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini sebelum menggunakan awalan.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0