CSS max-height özelliği

Tanım ve kullanım

max-height özelliği, elemanın en büyük yüksekliğini ayarlar.

Açıklama

Bu özellik değeri, elemanın yükseklik ayarına bir en yüksek sınırlama koyacaktır. Bu nedenle, eleman belirtilen değirden daha kısa olabilir, ancak daha yüksek olamaz. Negatif değerler belirlenmez.

Yorum:max-height özelliği, dış kenarlık, kenarlık ve iç boşlukları içermez.

Ayrıca bkz.:

CSS eğitimi:CSS boyutları

CSS eğitimi:min-height özelliği

HTML DOM referans el kitabı:maxHeight özelliği

Örnek

Paragrafın en büyük yüksekliğini ayarlama:

p
  {
  max-height:100px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

max-height:none;length|initial|devral;|

Özellik değeri

Değer Açıklama
yok Öntanımlı. Elemanın izin verilen en büyük yüksekliğine sınırlama getirmez.
length Elemanın en büyük yükseklik değerini tanımlar.
% İçerisinde bulunduğu blok level nesnesinin yüzdesine dayalı en büyük yüksekliği tanımlar.
devral Max-height özelliğinin değerini ebeveyn elemanından devralması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: yok
Devralabilirlik: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.maxHeight="50px"

TIY örneği

Elemanın en büyük yüksekliğini ayarlama
Bir elemanın en büyük yüksekliğini nasıl ayarladığınızı gösteren bu örnek.

Tarayıcı desteği

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

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0