Deskripsi
Properti max-width digunakan untuk mengatur batas atas lebar sebuah elemen.
Nilai yang Mungkin
length- Satuan panjang apapun. Elemen tidak boleh memiliki nilai lebar yang melebihi jarak ini.
percentage - Membatasi lebar elemen paling banyak sebesar persentase ini dari lebar blok penampung.
none - Tidak ada batasan untuk lebar elemen.
Berlaku untuk
Semua elemen HTML kecuali elemen inline yang tidak diganti dan elemen tabel.
Sintaks DOM
object.style.maxWidth = "50px"
Contoh
Inilah contohnya -
<html>
<head>
</head>
<body>
<p style = "max-width:100px; height:200px; border:1px solid red; padding:5px; margin:10px;">
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
</p>
<img alt = "logo" src = "/images/css.gif" width = "95" height = "84" />
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -