คุณสมบัติ maxWidth ของ Style
- หน้าก่อน maxHeight
- หน้าต่อไป minHeight
- กลับไปยังเพจต้น HTML DOM Style 对象
การกำหนดและการใช้งาน
maxWidth คุณสมบัติตั้งค่าหรือคืนค่าความกว้างสูงสุดขององค์ประกอบ
maxWidth คุณสมบัตินี้มีผลเฉพาะองค์ประกอบแบบบล็อคหรือองค์ประกอบที่มีการติดตั้งตำแหน่ง absolute หรือ fixed
หมายเหตุ：ความกว้างขององค์ประกอบจะไม่เกิน maxWidth ค่าที่กำหนดโดยคุณสมบัติ
คำเตือน：ในการตั้งค่าหรือคืนค่าความกว้างขององค์ประกอบที่เล็กที่สุด ใช้ คุณสมบัติ minWidth。
ดูเพิ่มเติม：
การเรียน CSS：CSS Dimension
คู่มือ CSS：คุณสมบัติ max-width
ตัวอย่าง
ตัวอย่าง 1
ตั้งค่าความกว้างสูงสุดขององค์ประกอบ <div>：
document.getElementById("myDiv").style.maxWidth = "100px";
ตัวอย่าง 2
คืนค่าความกว้างสูงสุดขององค์ประกอบ <div>：
alert(document.getElementById("myDiv").style.maxWidth);
รูปแบบ
คืนค่า maxWidth คุณสมบัติ：
object.style.maxWidth
ตั้งค่า maxWidth คุณสมบัติ：
object.style.maxWidth = "none|length|%|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| none | ความกว้างขององค์ประกอบไม่มีจำกัด。ค่าเริ่มต้น。 |
| length | กำหนดความกว้างสูงสุดด้วยหน่วยความยาว |
| % | กำหนดความกว้างสูงสุดด้วยเปอร์เซ็นต์ขององค์ประกอบพ่อ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา。ดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | ไม่มี |
|---|---|
| ค่าที่คืนค่ามา： | ข้อความแบบสาย，แสดงความกว้างสูงสุดขององค์ประกอบ。 |
| CSS รุ่น： | CSS2 |
การสนับสนุนโดยเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน maxHeight
- หน้าต่อไป minHeight
- กลับไปยังเพจต้น HTML DOM Style 对象
