CSS fit-content() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin fit-content() Bu fonksiyon, içeriğe göre element boyutunu ayarlamayı sağlar. Bu, elementin kullanılabilir alanı kullanacağı ancak en büyük içerik boyutunu aşmayacağı şekilde benzerdir.

Örnek

Kullanarak fit-content() Ağdaki sütun boyutlarını ayarlayın:

#container {
  display: grid;
  grid-template-columns: fit-content(250px) fit-content(250px) auto;
  grid-gap: 7px;
  box-sizing: border-box;
  height: 150px;
  width: 100%;
  background-color: green;
  padding: 7px;
}

Kişisel Deneyim

CSS Dilbilgisi

fit-content(length|percentage)
Değer Açıklama
length Belirli boyutun mutlak uzunluk değerini belirtin.
percentage Kullanılabilir alanın yüzdesel büyüklüğünü belirtin.

Teknik Ayrıntılar

Sürüm: CSS4

Tarayıcı Desteği

Tablodaki rakamlar, bu işlevi tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
57 16 52 10.1 44

İlgili sayfalar

Referans:CSS ızgara-oto-sütunlar özelliği

Referans:CSS ızgara-oto-satırlar özelliği

Referans:CSS grid-template-columns özelliği

Referans:CSS grid-template-rows özelliği