Style flexShrink Özelliği

Tanım ve Kullanım

flexShrink Özellik, öğenin aynı konteyner içindeki diğer esnek öğelere göre nasıl küçülmesini belirler.

Yorum:Eğer öğe esnek bir öğe değilse flexShrink Özellik Geçersiz.

Ayrıca bakınız:

CSS Referans Kılavuzu:flex-shrink Özelliği

Örnek

Mavi DIV öğesini diğer esnek öğelerden beş kat küçültün:

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

Kişisel Deneyim

Gramer

flexShrink Özelliğini Geri Dönüşüm:

object.style.flexShrink

flexShrink Özelliğini Ayarlama:

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

Özellik Değeri

Değer Açıklama
number Sayı, öğenin diğer esnek öğelere göre ne kadar küçülmesini gerektirdiğini belirler. Öntanımlı değeri 0'dır.
initial Bu özelliği öntanımlı değerine ayarlar. Ayrıca bakınız initial.
inherit Bu özelliği ebeveyn öğesinden devralır. Ayrıca bakınız inherit.

Teknik Ayrıntılar

Öntanımlı Değer: 1
Dönüş değeri: Dizge,元素的 flex-shrink Özelliği.
CSS Sürümü: CSS3

Tarayıcı Desteği

Tablodeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 11.0 Destek 9.0 Destek

İlgili Sayfalar

HTML DOM STYLE Referans Kılavuzu:flex Özelliği

HTML DOM STYLE Referans Kılavuzu:flexBasis Özelliği

HTML DOM STYLE Referans Kılavuzu:flexDirection Özelliği

HTML DOM STYLE Referans Kılavuzu:flexFlow Özelliği

HTML DOM STYLE Referans Kılavuzu:flexGrow Özelliği

HTML DOM STYLE Referans Kılavuzu:flexWrap Özelliği