CSS max-width 属性

Definisi dan penggunaan

max-width menetapkan lebar maksimum elemen.

Penerangan

Nilai sifat ini akan menetapkan had maksimum untuk lebar elemen. Oleh itu, elemen boleh lebih sempit daripada nilai yang ditetapkan, tetapi tidak boleh lebar lebih banyak. Tidak diizinkan nilai negatif.

Lihat juga:

Panduan CSSSaiz CSS

Panduan CSSCSS min-width 属性

Panduan HTML DOMSifat maxWidth

Contoh

Tetapkan lebar maksimum paragraf:

p
  {
  max-width:100px;
  }

Cuba sendiri

Rumus CSS

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

Nilai sifat

Nilai Penerangan
none Lalai. Tidak ada had untuk lebar maksimum elemen.
length Tetapkan nilai lebar maksimum elemen.
% Tetapkan lebar maksimum berdasarkan persen yang diwarti oleh objek blok yang memuatnya.
inherit Ditetapkan supaya nilai max-width diwarisi daripada elemen bapa.

Detil teknikal

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

Contoh TIY

Gunakan nilai piksel untuk menetapkan lebar maksimum elemen
Contoh ini memaparkan bagaimana untuk menetapkan ketinggian maksimum elemen menggunakan nilai piksel.
Gunakan persen untuk menetapkan lebar maksimum elemen
Contoh ini memaparkan bagaimana untuk menetapkan ketinggian maksimum elemen menggunakan persen.

Pemungutan sokongan pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang menyokong sifat ini sepenuhnya.

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