max-width
Özelliği Temel Özellikler
- CSS Yazımı :
max-width: <uzunluk> | <yüzde> | none | max-content | min-content | fit-content | fill-available;
- Örnek :
max-width: 13px;
|max-width: 13%;
|max-width: max-content;
- Öntanımlı Değer :
none
- Uygulanabilen Etiketler :
- Tüm Etiketler, yeri değiştirilmemiş
inline
etiketler,table columns
vecolumn groups
dışında. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Destekleniyor
animation
Özelliği - Javascript :
öge.style.maxWidth = "none";
- Sürüm :
- CSS2 (düz. 1) / CSS Transitions / CSS Intrinsic & Extrinsic Sizing Module Level 3
- Açıklama :
max-width
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS max-width
özelliği; bir ögenin en fazla genişliğini belirler. width
özelliği değerinin Kalıtsallık ve Baskınlık belgesinde belirtilen kullanılan değerin max-width
özelliği değerinden daha büyük olması engellenir. max-width
özelliği width
özelliğinin üzerine yazar ancak min-width
özelliği de max-width
özelliğinin üzerine yazar.
max-width
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1 [1] | 4 [2] | 2 | 1 | 7 |
fit-content , max-content , ve min-content |
3 (-moz- ) [4] |
Yok | Yok [5] | Yok [3] | Yok |
fill-available |
Yok | Yok | Yok | Yok | Yok |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | ? | ? | ? | ? | Var |
fit-content , max-content , ve min-content |
Yok | ? | ? | ? | ? |
fill-available |
? | ? | ? | ? | ? |
[1] CSS 2.1 tablolarda max-width
davranışını tanımsız bırakır. Firefox, tablolara max-width
uygulanmasını destekliyor.
[2] CSS 2.1 tablolarda max-width
davranışını tanımsız bırakır. Opera, tablolara max-width
uygulanmasını destekliyor.
[3] Chrome'nin önceki sürümleri max-content
özelliği yerine intrinsic
(gerçek), min-content
özelliği yerine de min-intrinsic
özelliklerini kullandı. fill-available
ya da fit-content
özelliklerinin eş değerleri ise bulunmuyor.
[4] Firefox, CSS3 Basic Box tanımlamalarını yerine getirdiğinden ötürü available
kullanır, fit-available
değil.
[5] Chrome'nin önceki sürümleri max-content
özelliği yerine intrinsic
(gerçek), min-content
özelliği yerine de min-intrinsic
özelliklerini kullandı. fill-available
ya da fit-content
özelliklerinin eş değerleri ise bulunmuyor.
max-width
Özelliğinin Alabileceği Değerler
<uzunluk>
<uzunluk>
türünden en fazla genişlik.<yüzde>
- Blok yüksekliğinin üzerinden
<yüzde>
türünden en fazla genişliği. Eğer blokun genişliği açık bir biçimde belirtelmediyse sıfır (0) olarak davranır. none
- Genişliğin üst sınırı yok. Öntanımlı değer.
max-content
- Gerçek genişlik değeri.
min-content
- Gerçek en alt değer.
fill-available
- Kapsayan blokun genişliği eksi dikey margin, border, ve padding. Firefox gibi bazı tarayıcılar bu anahtar sözcük yerine
available
anahtar sözcüğünü kullanıyor. fit-content
max-content
değerinin aynısı.
İlişkili Özellikler
max-height
Özelliği- Bir ögenin en fazla yüksekliğini belirler.
min-height
Özelliği- Bir ögenin en az yüksekliğini belirler.
min-width
Özelliği- Bir ögenin en az genişliğini belirler.