The max-widthproperti di CSS digunakan untuk mengatur lebar maksimum dari elemen tertentu. The max-widthproperti menimpa widthproperti, tapi min-widthakan selalu menimpa max-widthapakah diikuti sebelum atau setelah widthdalam deklarasi Anda. Penulis dapat menggunakan salah satu nilai panjang selama nilainya positif.
.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 */ )Berhati-hatilah saat mengasumsikan max-widthdiwarisi karena properti ini tidak mewarisi dari elemen induk lainnya. Jika widthdari 300px telah ditentukan dengan max-widthdari 600px, nilai awal widthakan selalu menggantikan max-widthnilai 600px.
Dukungan browser
| YAITU | Tepi | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 7+ | Semua | Semua | Semua | Semua | Semua |
| Android Chrome | Android Firefox | Browser Android | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| Semua | Semua | Semua | Semua | Semua |
Properti terkait
Almanak pada 15 Januari 2021tinggi
.element ( height: 500px; ) 
Sara Cope