ใช้แอตทริบิวต์ height ใน HTML เพื่อตั้งค่าความสูงขององค์ประกอบ ใช้แอตทริบิวต์นี้ได้กับองค์ประกอบต่อไปนี้: <canvas>, <embed>, <img>, <input>, <video> และอื่นๆ
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ height ใน HTML:
<!DOCTYPE HTML>
<html>
<body>
<video width="300" height="200" controls autoplay>
<source src="/html5/foo.ogg" type="video/ogg" />
<source src="/html5/foo.mp4" type="video/mp4" />
เบราว์เซอร์ของคุณไม่รองรับองค์ประกอบวิดีโอ
</video>
</body>
</html>
หมายเหตุ:
- สำหรับ <img> ควรระบุ width และ height ทั้งคู่ เพื่อป้องกัน Layout Shift (CLS)
- หน่วยเป็นพิกเซล (pixels) โดยไม่ต้องใส่หน่วย
- สามารถใช้ CSS
heightแทนได้ ซึ่งยืดหยุ่นกว่า (รองรับ %, rem, vh, calc() ฯลฯ)
