คุณลักษณะ height

คุณลักษณะ height กำหนดความสูงของรูปภาพ ซึ่งกำหนดโดยแท็ก img

ปัจจุบัน คุณลักษณะนี้สามารถใช้ได้เฉพาะกับ รูปภาพ iframe video และแท็กอื่นๆ บางส่วน

อนุญาตให้ระบุค่าเป็นพิกเซล หรือเปอร์เซ็นต์ ในกรณีที่กำหนดขนาดเป็น เปอร์เซ็นต์ จะนำมาจากความกว้างของเอลิเมนต์หลัก ในกรณีที่กำหนดขนาดเป็นพิกเซล จะไม่ระบุหน่วยวัด

หากไม่ได้กำหนดทั้งความกว้างและความสูง สำหรับรูปภาพ - รูปภาพจะมีขนาดจริงของมัน หากกำหนดความสูง - รูปภาพจะมีความสูงตามที่กำหนด และจะปรับความกว้าง โดยอัตโนมัติเพื่อไม่ให้สัดส่วนผิดเพี้ยน หากกำหนดเฉพาะความกว้าง - ในทำนองเดียวกัน รูปภาพจะปรับความสูง เพื่อรักษาสัดส่วน หากกำหนดทั้งความกว้างและความสูง - สัดส่วนของรูปภาพ อาจผิดเพี้ยนได้ (หรืออาจไม่ผิดเพี้ยน ขึ้นอยู่กับว่าคุณทายถูกไหม) หากความกว้างหรือความสูง (หรือทั้งสองอย่าง) มากกว่า ขนาดจริง - รูปภาพจะขยายใหญ่ขึ้น แต่จะสูญเสีย คุณภาพ

แนะนำให้กำหนดความกว้างและความสูงให้กับรูปภาพ ในคุณลักษณะ - ในกรณีนี้ เบราว์เซอร์จะ โหลดภาพได้เร็วขึ้น - ไม่จำเป็นต้อง คำนวณขนาดของแต่ละรูปภาพหลังจาก ได้รับมา

ไม่แนะนำให้ลดขนาดจริง ของรูปภาพโดยไม่จำเป็น ตัวอย่างเช่น ขนาดจริง ของรูปภาพคือ 1000 คูณ 1000 พิกเซล แต่คุณกำหนดความกว้างเป็น 100px ในกรณีนี้ รูปภาพบนหน้าจอจะแสดงผล ที่ 100 พิกเซล แต่ว่าจะมีขนาดไฟล์ เต็มหนึ่งพันพิกเซล และดังนั้นจะโหลด ช้ากว่ามาก

ดูตัวอย่างการทำงานได้ที่: แท็ก img

ดูเพิ่มเติม