Maksimum genişlik - CSS Hileleri

Anonim

CSS'deki max-widthözellik, belirtilen bir öğenin maksimum genişliğini ayarlamak için kullanılır . max-widthMülkiyet geçersiz kılar widthözellik, ancak min-widthher zaman geçersiz kılar max-widthönce veya sonra ilerlemediğini widthbeyannamesinde. 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-widthBu özellik diğer ana öğelerden miras alınmadığı için miras alındığını varsayarken dikkatli olun . width600 piksellik bir 300 piksel tanımlanmışsa max-width, başlangıç widthdeğ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
Kaynak: caniuse

İlgili özellikler

15 Ocak 2021'de Almanak

yükseklik

.element ( height: 500px; ) Sara Cope