Atribut max-width CSS

Definisi dan penggunaan

max-width mendefinisikan lebar maksimal elemen.

Keterangan

Nilai atribut ini akan menetapkan batas tinggi maksimal untuk lebar elemen. Oleh karena itu, elemen dapat lebih sempit daripada nilai yang ditentukan, tetapi tidak dapat lebar lebih luas. Tidak diizinkan untuk menentukan nilai negatif.

Lihat pula:

Panduan CSSUkuran CSS

Panduan CSSAtribut min-width CSS

Panduan HTML DOMAtribut maxWidth

Contoh

Atur lebar maksimal paragraf:

p
  {
  max-width:100px;
  }

Coba sendiri

Sintaks CSS

max-width: none|length|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Default. Tidak ada batasan untuk lebar maksimal elemen.
length Mendefinisikan nilai lebar maksimal elemen.
% Mendefinisikan tinggi maksimal yang berdasarkan persen lebar objek blok yang mengandungnya.
inherit Aturan ini mendefinisikan agar nilai atribut max-width diwarisi dari elemen induk.

Detil teknis

Nilai default: none
Inheritsi: no
Versi: CSS2
Sintaks JavaScript: object.style.maxWidth="50px"

TIY Contoh

Mengatur lebar maksimal elemen menggunakan nilai piksel
Contoh ini menunjukkan bagaimana mengatur tinggi maksimal elemen menggunakan nilai piksel.
Mengatur lebar maksimal elemen menggunakan persen
Contoh ini menunjukkan bagaimana mengatur tinggi maksimal elemen menggunakan persen.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0