Properti width CSS

Definisi dan Penggunaan

Atribut width menetapkan lebar elemen.

Keterangan

Atribut ini menentukan lebar area konten elemen, di luar area konten dapat menambahkan marjin dalam, garis dan marjin luar.

Elemen non-ganti dalam teks dalam baris akan mengabaikan atribut ini.

Lihat Juga:

Panduan CSS:Ukuran CSS

Panduan CSS:Ringkasan Model Kisi CSS

Panduan CSS:Atribut height

Panduan HTML DOM:Atribut width

Contoh

Atur tinggi dan lebar paragraf:

p
  {
  height:100px;
  width:100px;
  }

Coba Sendiri

Syarat CSS

width: auto|value|initial|inherit;

Nilai Atribut

Nilai Deskripsi
auto Nilai Default. Browser dapat menghitung lebar yang sebenarnya.
length Definisi lebar menggunakan unit seperti px, cm, dll.
% Definisi lebar persen yang berdasarkan lebar blok pengembangan (elemen induk).
inherit Ditetapkan bahwa nilai atribut width harus diwarisi dari elemen induk.

Detil Teknologi

Nilai Default: auto
Inheritsi: no
Versi: CSS1
Syarat JavaScript: object.style.width="50px"

TIY Contoh

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

Dukungan browser

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5