Atribut lebar Style

Definisi dan penggunaan

width Atribut untuk atur atau kembalikan lebar elemen.

width Atribut ini hanya berlaku untuk elemen blok atau elemen yang memiliki posisi absolut atau tetap. Konten yang keluar dapat diatur dengan Atribut overflow untuk menangani.

Petunjuk：Gunakan Atribut tinggi height Atur atau kembalikan tinggi elemen.

Lihat juga：

Pelajaran CSS：Dimensi CSS

Pelajaran CSS：Model Kisi CSS

Panduan CSS：Atribut lebar width

Contoh

Contoh 1

Atur lebar elemen <button>：

document.getElementById("myBtn").style.width = "300px";

Coba sendiri

Contoh 2

Ubah lebar elemen <div>：

document.getElementById("myDIV").style.width = "500px";

Coba sendiri

Contoh 3

Ubah tinggi dan lebar elemen <img>：

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Coba sendiri

Contoh 4

Kembalikan lebar elemen <img>：

alert(document.getElementById("myImg").style.width);

Coba sendiri

Sintaks

Kembalikan atribut width：

object.style.width

Atur atribut lebar width：

object.style.width = "auto|length|%|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Pengaturan lebar browser. Baku.
length Definisi lebar, berdasarkan satuan panjang.
% Definisi lebar elemen induk, berdasarkan persen.
initial Atur atribut ini ke nilai baku. Lihat initial。
inherit Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai baku： auto
Nilai kembalian： String yang menunjukkan lebar elemen.
Versi CSS： CSS1

Browser mendukung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan