CSS esnek-baz özelliği

Tanım ve kullanım

flex-basis özelliği, esnek öğenin başlangıç uzunluğını belirler.

Yorum:Eğer element esnek öğe değilse, flex özelliği geçersizdir.

Diğer referanslar:

CSS Eğitimi: CSS Esnek Kutusu

CSS Referans Kılavuzu:flex özelliği

CSS Referans Kılavuzu:flex-direction özelliği

CSS Referans Kılavuzu:flex-flow özelliği

CSS Referans Kılavuzu:flex-grow özelliği

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

CSS Referans Kılavuzu:flex-wrap özelliği

HTML DOM Referans Kılavuzu:flexBasis özelliği

Örnek

İkinci esnek öğenin başlangıç uzunluğunu 100 piksel olarak ayarlayın:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Kişisel olarak deneyin

CSS dilbilgisi

flex-basis: number|auto|initial|inherit;

Özellik değeri

Değer Açıklama
number Uzunluk birimi veya yüzdelik, esnek项目的 başlangıç uzunluğunu belirler.
auto Varsayılan değer. Uzunluk, esnek项目的 uzunluğuna eşittir. Bu projektin uzunluğu belirlenmemişse, uzunluk içeriğine göre belirlenir.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn öğesinden miras alır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Geçiş: Hayır
Animasyon yapımı: Desteklenir. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.flexBasis="200px"

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

数字 -webkit- veya -moz- ile başlayan, önek kullanılan ilk sürümü gösterir.

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