CSS flex-basis

flex-basis :

Div leri pixel olarak boyutlandırmak için kullanılır.

Not: Elementte flex özelliği yoksa flex-basis etkili olmaz.

Örnek

.flex{
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100px;
    height: 100px;
   -webkit-flex-basis: 200px; /* Safari 6.1+ */
    flex-basis: 200px;
    background: red;
    color: white;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
number Pixel olarak vereceğimiz değere göre boyutlandırır.
auto Div in boyutunu otomatik olarak ayarlar.
İnital
İnherit

Tarayıcı Desteği

29.0
21.0-webkit
28.0
18.0-moz
11.0
10.0-ms-
6.1-webkit 12.10