Properti dengan lebar maks CSS
Contoh
Atur lebar maksimum elemen <p> menjadi 150 piksel:
p.ex1 {
max-width: 150px;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti max-width
mendefinisikan lebar maksimum elemen.
Jika konten lebih besar dari lebar maksimum, itu akan secara otomatis mengubah tinggi elemen.
Jika konten lebih kecil dari lebar maksimum,
max-width
properti tidak berpengaruh.
Catatan: Ini mencegah nilai
properti lebar menjadi lebih besar dari
max-width
. Nilai
max-width
properti menimpa properti lebar.
Nilai bawaan: | tidak ada |
---|---|
Diwarisi: | tidak |
Animasi: | ya, lihat properti individu . Baca tentang animasi |
Versi: kapan: | CSS2 |
Sintaks JavaScript: | objek .style.maxWidth="600px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Sintaks CSS
max-width: none|length|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Lebih Banyak Contoh
Contoh
Setel lebar maksimum elemen <p> menjadi 50% dari wadah:
p.ex1 {
max-width: 50%;
}
Halaman Terkait
Tutorial CSS: Tinggi dan Lebar CSS
Referensi CSS: properti min-width
Referensi DOM HTML: properti maxWidth