คุณสมบัติCSS ความสูงสูงสุด
ตัวอย่าง
ตั้งค่าความสูงสูงสุดของ <p> องค์ประกอบเป็น 50 พิกเซล:
p.ex1
{
max-height: 50px;
}
ความหมายและการใช้งาน
คุณสมบัติกำหนด ความmax-height
สูงสูงสุดขององค์ประกอบ
หากเนื้อหามีขนาดใหญ่กว่าความสูงสูงสุด เนื้อหาจะล้น คอนเทนเนอร์จะจัดการกับเนื้อหาที่ล้นได้อย่างไรถูกกำหนดโดย คุณสมบัติล้น
หากเนื้อหามีขนาดเล็กกว่าความสูงสูงสุด พร็อพเพอร์
max-height
ตี้จะไม่มีผลใดๆ
หมายเหตุ:สิ่งนี้จะป้องกันไม่ให้ค่าของ
คุณสมบัติ ความสูงมีmax-height
ขนาด ใหญ่กว่า
ค่าของ
max-height
คุณสมบัติจะแทนที่คุณสมบัติความสูง
ค่าเริ่มต้น: | ไม่มี |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ใช่ดูคุณสมบัติแต่ละรายการ อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS2 |
ไวยากรณ์ JavaScript: | วัตถุ .style.maxHeight="100px" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
ไวยากรณ์ CSS
max-height: none|length|initial|inherit;
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS ความสูงและความกว้าง
การอ้างอิง CSS: คุณสมบัติความสูงต่ำสุด
การอ้างอิง HTML DOM: คุณสมบัติ maxHeight