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