CSS maksimum genişlik Özellik
Örnek
Bir <p> öğesinin maksimum genişliğini 150 piksele ayarlayın:
p.ex1 {
max-width: 150px;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik max-width
, bir elemanın maksimum genişliğini tanımlar.
İçerik maksimum genişlikten daha büyükse, öğenin yüksekliğini otomatik olarak değiştirir.
İçerik maksimum genişlikten küçükse
max-width
özelliğin etkisi olmaz.
Not: Bu, width özelliğinin değerinin değerinden daha büyük olmasını
engeller
max-width
. Özelliğin değeri
max-width
, width özelliğini geçersiz kılar.
Varsayılan değer: | Yok |
---|---|
Miras: | Hayır |
canlandırılabilir: | evet, bireysel özelliklere bakın . Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.maxWidth="600px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Sözdizimi
max-width: none|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Bir <p> öğesinin maksimum genişliğini kabın %50'sine ayarlayın:
p.ex1 {
max-width: 50%;
}
İlgili Sayfalar
CSS eğitimi: CSS Yüksekliği ve Genişliği
CSS referansı: min-width özelliği
HTML DOM referansı: maxWidth özelliği