คุณสมบัติ height สำหรับรูปภาพ
คุณสมบัติ height ใช้กำหนดความสูงของรูปภาพ รับค่าเป็นความยาวหรือเปอร์เซ็นต์ หากให้ค่าเป็น % จะคำนวณตามกล่องที่รูปภาพอยู่
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อกำหนดความสูงของรูปภาพ:
<html>
<head>
</head>
<body>
<img style="border:2px solid green; height:100px;" src="/css/images/logo.png" />
<br />
<img style="border:2px solid green; height:50%;" src="/css/images/logo.png" />
</body>
</html>
รายละเอียด:
- ความยาว: px, em, rem, cm, ฯลฯ
- เปอร์เซ็นต์: % ของความสูงของ containing block
- auto - ความสูงเดิมของภาพ (ค่าเริ่มต้น)
- ใช้ร่วมกับ width เพื่อควบคุมอัตราส่วน
