แอตทริบิวต์ความสูงภาพ
คำอธิบายและวิธีใช้
height
ตั้งค่าหรือกลับค่าความสูงของภาพ แอตทริบิวต์ height ค่า
แอตทริบิวต์ height กำหนดความสูงของภาพ
ค่านี้ยังสามารถกลับค่าความสูงของภาพที่ใช้ CSS จัดการสไตล์ (ดูตัวอย่างด้านล่าง)
คำเตือน:คำแนะนำ: แอตทริบิวต์ width ตั้งค่าหรือกลับค่าความกว้างของภาพ ค่าแอตทริบิวต์ width.
ตัวอย่าง
ตัวอย่าง 1
เปลี่ยนความสูงของภาพเป็น 300px:
document.getElementById("myImg").height = "300";
ตัวอย่าง 2
กลับค่าความสูงของภาพ:
var x = document.getElementById("myImg").height;
ตัวอย่าง 3
เปลี่ยนความสูงและความกว้างของภาพเป็น 300px และ 450px:
document.getElementById("myImg").height = "300"; document.getElementById("myImg").width = "450";
ตัวอย่าง 4
กลับค่าความสูงของภาพที่ใช้ CSS จัดการสไตล์:
var x = document.getElementById("myImg").height;
ระบุราชการ
กลับค่าแอตทริบิวต์ height:
imageObject.height
ตั้งค่าค่าแอตทริบิวต์ height:
imageObject.height = pixels
ค่าที่ใช้ในอัตราย
ค่า | รายละเอียด |
---|---|
pixels | ความสูงในหน่วยพิกเซล (เช่น height="100") |
รายละเอียดเทคนิค
ค่าที่กลับมา: | ค่าตัวเลข แสดงความสูงของภาพ ในหน่วยพิกเซล |
---|
การสนับสนุนโปรแกรมบราวเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน |
หน้าที่เกี่ยวข้อง
คู่มือ HTML ตามหมวดหมู่:ตัวแปร height ของ HTML <img>