CSS คุณสมบัติ max-height

การกำหนดและการใช้งาน

คุณสมบัติ max-height กำหนดความสูงสูงสุดขององค์ประกอบ

คำอธิบาย

ค่าของคุณสมบัตินี้จะกำหนดขนาดสูงสุดขององค์ประกอบเป็นขอบเขตสูงสุด。ดังนั้นองค์ประกอบสามารถต่ำกว่าค่าที่กำหนดไว้ แต่ไม่สามารถสูงกว่าค่าที่กำหนดไว้ ไม่อนุญาตให้กำหนดค่าลบ

หมายเหตุ:คุณสมบัติ max-height ไม่รวมมุมขอบเขตด้านนอก、ขอบเขตและขอบเขตด้านใน

ดูเพิ่มเติม:

สอน CSSขนาด CSS

สอน CSSคุณสมบัติ min-height

คู่มือ HTML DOMคุณสมบัติ maxHeight

ตัวอย่าง

ตั้งค่าความสูงสูงสุดของปารากราฟ:

p
  {
  max-height:100px;
  }

ทดลองด้วยตัวเอง

การใช้งาน CSS:

max-height: none|length|initial|inherit;

ค่าของรายละเอียด

ค่า คำอธิบาย
none ค่าเริ่มต้น
length กำหนดความสูงสูงสุดขององค์ประกอบ
% กำหนดความสูงสูงสุดขององค์ประกอบเป็นร้อยละเพื่อตัวแบบของโปรแกรมปีน
inherit กำหนดให้มีค่าจากองค์ประกอบพ่อที่มีค่า max-height ตามที่ระบุ

รายละเอียดเทคนิค

ค่าเริ่มต้น: none
เชื่อมโยง: no
เวอร์ชั่น: CSS2
JavaScript การใช้งาน: object.style.maxHeight="50px"

TIY ตัวอย่าง

ตั้งค่าความสูงสูงสุดขององค์ประกอบ
ตัวอย่างแสดงว่าเพียงไรที่จะตั้งค่าความสูงสูงสุดขององค์ประกอบ

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางระบุว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0