CSS max-width özelliği

Tanımlama ve Kullanım

max-width, elementin en büyük genişliğini tanımlar.

Açıklama

Bu özellik değeri, elementin genişliğini en yüksek sınırlayacaktır. Bu nedenle, element belirtilen değirden daha dar olabilir, ancak daha geniş olamaz. Negatif değer belirtmek yasaktır.

Ayrıca bkz:

CSS Eğitimi:CSS Ölçüleri

CSS Referans Kılavuzu:CSS min-width özelliği

HTML DOM Referans Kılavuzu:maxWidth özelliği

Örnek

Paragrafın en büyük genişliğini ayarlayın:

p
  {
  max-width:100px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
yok Öntanımlı. Elemanın en büyük genişliğine sınırlama getirmez.
length Elemanın en büyük genişlik değerini tanımlar.
% İçeren blok level nesnesinin yüzdesine dayalı en büyük genişliği tanımlar.
inherit max-width özelliğinin değeri, ebeveyn elementten alınmalıdır.

Teknik ayrıntılar

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

TIY Örneği

Elementin en büyük genişliğini piksel değeri kullanarak ayarlayın
Bu örnek, elementin en büyük yüksekliğini piksel değeri kullanarak nasıl ayarlandığını gösterir.
Elementin en büyük genişliğini yüzde kullanarak ayarlayın
Bu örnek, elementin en büyük yüksekliğini yüzde değeri kullanarak nasıl ayarlandığını gösterir.

Tarayıcı desteği

Tablo içindeki 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 1.0 7.0