Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

CSS max-width Özelliği

CSS max-width Özelliği

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.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam285221465
Bugün1112

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 ve column 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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

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

MasaüstüTaşınabilir
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.

İlişkili Bağlantılar

Kutu Modeli

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
CSS max-width Özelliği