CSS max-width Özelliği

CSS max-width

Css max-width özellği: Max- width özelliği bir html elemanın maksimum genişliğini ayarlamak için kullanılır .

Örnek:

Bu örnekte bir p elemanına max-width değeri "120px verilerek maksimum genişliği tanımlanmıştır."

p { max-width: 120px; background-color: yellow; }

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

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

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

CSS max-width Tarayıcı Desteği

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

CSS Kodu:
max-width	1.0	7.0	1.0	2.0.2	7.0

CSS max-width Değerleri

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

CSS max-width özelliği değerleri

CSS max-width değerleri	CSS max-width değerleri tanımları	CSS örnek uygulamalar
none	Özelliği devre dışı bırakır.
length	Maksimum genişlik için px cm gibi değerler girilir.
%	Yüzde değeri girilerek sonuc alınır.
initial	Özelliğinv arsayılan değeridir.
inherit	Kalıtsal olarak aldığı değerdir.