max-width
Properti CSS max-width digunakan untuk mengatur lebar maksimum elemen yang ditentukan.
Properti ini berguna untuk membatasi lebar elemen dalam CSS ke rentang tertentu.
Dua properti yang tersedia untuk menetapkan lebar minimum dan maksimum pada suatu elemen yaitu: properti min-width dan
max-width.
Properti max-width menimpa properti width dan mencegah nilai properti width menjadi lebih besar dari nilai yang
ditentukan.
CSS Syntax
max-width: none | length | initial | inherit;
JavaScript Syntax
object.style.maxWidth="600px"
| Default value: | none |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS2 |
Attribute Value
default
max-width: none;
Elemen tidak memiliki batasan dalam hal lebar.
max-width: 2000px;
Kamu dapat menggunakan nilai numerik seperti piksel, (r)em, persentase …
Jika lebar maksimum lebih besar dari lebar elemen sebenarnya, lebar maks tidak berpengaruh.
max-width: 150px;
Jika konten tidak sesuai dengan lebar maksimum, maka secara otomatis akan mengubah ketinggian elemen untuk mengakomodasi pembungkus konten.