ตัวอย่าง
ตั้งค่าความกว้างของที่ <button> องค์ประกอบ:
document.getElementById("myBtn").style.width = "300px";
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการความกว้างชุดหรือส่งกลับความกว้างองค์ประกอบ
สถานที่ให้บริการความกว้างมีผลเฉพาะในองค์ประกอบระดับบล็อกหรือองค์ประกอบที่มีตำแหน่งที่แน่นอนหรือคงที่ เนื้อหาล้นสามารถจัดการกับอสังหาริมทรัพย์ล้น
เคล็ดลับ: ใช้ ความสูง คุณสมบัติการตั้งค่าหรือกลับความสูงของสิ่งนั้น ๆ
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการความกว้างได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับคุณสมบัติความกว้าง:
object .style.width
ตั้งค่าคุณสมบัติความกว้าง:
object .style.width="auto| ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ auto เบราว์เซอร์ชุดกว้าง นี้จะเริ่มต้น length กำหนดความกว้างในหน่วยความยาว % กำหนดความกว้างเป็น% ขององค์ประกอบหลัก initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: รถยนต์ กลับค่า: สตริงที่เป็นตัวแทนของความกว้างของสิ่งนั้น ๆ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนความกว้างของที่ <div> องค์ประกอบ:
document.getElementById("myDIV").style.width = "500px";
ลองตัวเอง»
ตัวอย่าง
เปลี่ยนความสูงและความกว้างของ <img> องค์ประกอบ:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
ลองตัวเอง»
ตัวอย่าง
กลับความกว้างของนั้น <img> องค์ประกอบ:
alert(document.getElementById("myImg").style.width);
ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS มิติ
กวดวิชา CSS: รูปแบบ CSS กล่อง
อ้างอิง CSS: width property
<สไตล์วัตถุ