CSS max-block-size özelliği

Tanım ve Kullanım

max-block-size Özellik, elemanın blok yönündeki maksimum boyutunu belirtir.

İç içi blok yönündeki boyut, maksimum değerden küçükse max-block-size Özellik Değeri Etkisizdir.

İç içi blok yönündeki boyut, maksimum değerden büyükse, max-block-size Özellik Değeri.

Dikkat:ilgili CSS özelliklerini writing-mode Blok yönünü tanımlar, bu da max-block-size özelliklerinin sonuçları. İngilizce sayfalar için, blok yönü aşağıya, satır içi yönü ise soldan sağa doğru gider.

CSS max-block-size özellikleri, CSS özellikleri max-height ve max-width Çok benzer, ancak max-block-size Özellik, blok yönüne bağlıdır.

Örnek

Örnek 1

div elementinin blok yönündeki en büyük boyutunu 60 piksel olarak ayarlayın:

div {
  max-block-size: 60px;
}

Kişisel Deneyim

Örnek 2: Yazı Modu

<div> elemanının writing-mode Özellik değeri vertical-lr olarak ayarlandığında, blok yönü aşağıdan yatayya dönüşür, bu da max-block-size Özelliğin Çalışma Yöntemi:

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

Kişisel Deneyim

Örnek 3: Max-block-size vs Block-size

Bir <div> elemanını gözlemleyin (block-size 100px) ve diğer bir <div> elemanı (max-block-size İç boyut değiştiğinde 100px'lik değişkenlik gösteren farklı tepkiler için (

#div1 {
  max-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

Kişisel Deneyim

CSS Dilbilgisi

max-block-size: auto|length|initial|inherit;

Özellik Değeri

Teknik Ayrıntılar

Tarayıcı Desteği

Tablozdaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

İlgili sayfalar

Kaynakça：CSS block-size özelliği

Kaynakça：CSS min-block-size özelliği

Kaynakça：CSS max-height özelliği

Kaynakça：CSS max-width özelliği

Kaynakça：CSS writing-mode özelliği