CSS max-height Özelliği

CSS max-height

Css max-height özellği: Max- height özelliği bir elemanın maksimum yüksekliğini ayarlamak için kullanılır .

Örnek:

Bu örnekte bir div elemanına max-height değeri "100px verilerek maksimum yüksekliği tanımlanmıştır."

div { max-height: 100px; background-color: yellow; /* taşmayı önlemek için overflow kullandık */ overflow: auto; color: blue; }

CSS max-height nedir nasıl kullanılır

Bir html elemanının maksimum yüksekliğini tanımlamak için kullanılan bu özellikte dikkat edilmesi gereken bir şey vardır.
Max- height özelliğinin değeri yüksek değerini geçersiz kılar

CSS max-height	CSS max-height özellikleri
Varsayılan Değer:	none
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS2
JavaScript max-height:	object.style.maxHeight="100px"

CSS max-height Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarıdır.

CSS Kodu:
max-height	1.0	7.0	1.0	2.0.2	7.0

CSS max-height Değerleri

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

CSS max-height özelliği değerleri

CSS max-height değerleri	CSS max-height değerleri tanımları	CSS örnek uygulamalar
none	Özellik aktif değildir.
length	Yükseklik için px cm gibi değer girilir.
%	Yüzde değeri verilerek değer girilir.
initial	Özelliğin varsayılan başlangıç değeridir.
inherit	Kalıtsal olarak aldığı değerdir.