ตัวอย่าง
เปลี่ยนความกว้างของภาพที่จะ 300px:
document.getElementById("myImg").width = "300";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติกว้างหรือผลตอบแทนที่คุ้มค่าของ width แอตทริบิวต์ของภาพ
width แอตทริบิวต์ระบุความกว้างของภาพ
สถานที่แห่งนี้ยังสามารถกลับความกว้างของภาพที่ได้รับการเรียกขานด้วย CSS นั้น (ดูตัวอย่างเพิ่มเติม)
เคล็ดลับ: ใช้ ความสูง ของสถานที่ที่จะตั้งหรือกลับค่าของ height แอตทริบิวต์ของภาพ
สนับสนุนเบราว์เซอร์
คุณสมบัติ | |||||
---|---|---|---|---|---|
width | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
กลับคุณสมบัติความกว้าง:
imageObject .width
ตั้งค่าคุณสมบัติความกว้าง:
imageObject .width= pixels
ค่าทรัพย์สิน
Value | Description |
---|---|
pixels | The width in pixels (e.g. height="100") |
รายละเอียดทางเทคนิค
กลับค่า: | ตัวเลขที่เป็นตัวแทนของความกว้างของภาพพิกเซล |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
กลับความกว้างของภาพ:
var x = document.getElementById("myImg").width;
ผลของ X จะเป็น:
107
ลองตัวเอง» ตัวอย่าง
เปลี่ยนความสูงและความกว้างของภาพที่จะ 300px:
document.getElementById("myImg").height="300";
document.getElementById("myImg").width="300";
ลองตัวเอง» ตัวอย่าง
กลับความกว้างของภาพที่ได้รับการเรียกขานด้วย CSS นั้น:
var x = document.getElementById("myImg").width;
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML: HTML <img> แอตทริบิวต์กว้าง
ภาพวัตถุ