Style atribut flexShrink

Definisi dan Penggunaan

flexShrink Atribut menentukan bagaimana item akan mengecilkan diri berbanding item lain yang elasti di dalam wadah yang sama.

Komentar:Jika elemen bukan item elasti, maka flexShrink Atribut tidak sah.

Lihat Juga:

Referensi CSS:flex-shrink 属性

Contoh

Biarkan elemen DIV biru mengecil lima kali daripada item elasti lain:

document.getElementById("myBlueDiv").style.flexShrink = "5";

Coba Sendiri

Syarat

Kembalikan atribut flexShrink:

object.style.flexShrink

Atur atribut flexShrink:

object.style.flexShrink = "number|initial|inherit"

Nilai Atribut

Nilai Deskripsi
number Number, yang menentukan berapa banyak item akan mengecilkan diri berbanding item lain yang elasti. Nilai defaultnya adalah 0.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil Teknis

Nilai Default: 1
Nilai kembalian: String, yang menunjukkan elemen flex-shrink 属性.
Versi CSS: CSS3

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut 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:flexDirection 属性

HTML DOM STYLE Referensi:flexFlow 属性

HTML DOM STYLE Referensi:flexGrow 属性

HTML DOM STYLE Referensi:flexWrap 属性