Contoh
Mengatur lebar <button> elemen:
document.getElementById("myBtn").style.width = "300px"; Cobalah sendiri " Definisi dan Penggunaan
Properti lebar menetapkan atau mengembalikan lebar elemen.
Properti lebar hanya berpengaruh pada unsur-unsur blok-tingkat atau elemen dengan posisi absolut atau tetap. Isi meluap dapat dimanipulasi dengan kekayaan yang melimpah.
Tip: Gunakan ketinggian properti untuk mengatur atau kembali ketinggian elemen.
Dukungan Browser
Properti lebar didukung di semua browser utama.
Sintaksis
Kembali properti lebar:
object .style.width
Mengatur properti width:
object .style.width="auto| Nilai properti Nilai Deskripsi auto Browser menetapkan lebar. Ini adalah default length Mendefinisikan lebar dalam satuan panjang % Mendefinisikan lebar di% dari elemen induk initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: mobil Kembali Nilai: Sebuah String, yang mewakili lebar elemen CSS Versi CSS1
Contoh lebih
Contoh
Mengubah lebar dari <div> elemen:
document.getElementById("myDIV").style.width = "500px";
Cobalah sendiri "
Contoh
Mengubah tinggi dan lebar dari <img> elemen:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Cobalah sendiri "
Contoh
Kembali lebar sebuah <img> elemen:
alert(document.getElementById("myImg").style.width);
Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Dimensi
CSS tutorial: CSS Box Model
Referensi CSS: width property
<Style Object