CSS'deki max-width
özellik, belirtilen bir öğenin maksimum genişliğini ayarlamak için kullanılır . max-width
Mülkiyet geçersiz kılar width
özellik, ancak min-width
her zaman geçersiz kılar max-width
önce veya sonra ilerlemediğini width
beyannamesinde. Yazarlar, pozitif bir değer olduğu sürece uzunluk değerlerinden herhangi birini kullanabilirler.
.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
Bu Kaleme bakın!
max-width
Bu özellik diğer ana öğelerden miras alınmadığı için miras alındığını varsayarken dikkatli olun . width
600 piksellik bir 300 piksel tanımlanmışsa max-width
, başlangıç width
değeri her zaman 600 piksel değerini geçersiz kılar max-width
.
Tarayıcı desteği
IE | Kenar | Firefox | Krom | Safari | Opera |
---|---|---|---|---|---|
7+ | Herşey | Herşey | Herşey | Herşey | Herşey |
Android Chrome | Android Firefox | Android Tarayıcı | iOS Safari | Opera Mobile |
---|---|---|---|---|
Herşey | Herşey | Herşey | Herşey | Herşey |
İlgili özellikler
15 Ocak 2021'de Almanakyükseklik
.element ( height: 500px; )
Sara Cope