CSS flex-basis Özelliği
CSS flex-basis
Cssflex-basis
:Esnek kutu modelinde optimum boyutunu belirlemek için kullanılır. Eğer yeterli genişlik var ise esnek kutu verilen değer boyutunda olacaktır.
Örnek:
Bu örnekte anaka kutu içerisindeki bütün elemanlara başlangıç uzunluğu40px
verilmiştir.2. sıradaki elemanının genişliğini ise 90px
olarak değiştirdik. #anakutu div {
-webkit-flex-grow: 0;
-webkit-flex-shrink: 0;
-webkit-flex-basis: 40px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 40px;
}
#anakutu div:nth-of-type(2) {
-webkit-flex-basis: 90px;
flex-basis: 90px;
}
CSS flex-basis nedir nasıl kullanılır
Flex-basis özelliği sayısal olarak uzunluk yani genişlik tanımlamıza yarar.
CSS flex-basis | CSS flex-basis özellikleri | |
---|---|---|
Varsayılan Değer: | auto | |
Kalıtsallık: | yok | |
Animasyon Özelliği: | var | |
Versiyon: | CSS3 | |
JavaScript flex-basis: | object.style.flexBasis="250px" |
CSS flex-basis Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
flex-basis | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
CSS flex-basis Değerleri
flex-basis:number|auto|initial|inherit;
Yorumlar
Yorum Gönder