คำอธิบาย
ความกว้างสูงสุดทรัพย์สินที่ใช้ในการกำหนดขอบเขตบนความกว้างของสิ่งนั้น ๆ
ค่าที่เป็นไปได้
length- หน่วยความยาวใดก็ได้ องค์ประกอบไม่สามารถมีค่าสำหรับความกว้างที่เกินระยะนี้
percentage - จำกัดความกว้างขององค์ประกอบให้เป็นเปอร์เซ็นต์สูงสุดของความกว้างของบล็อกที่มี
none - ไม่จำกัดความกว้างขององค์ประกอบ
นำไปใช้กับ
องค์ประกอบ HTML ทั้งหมดยกเว้นองค์ประกอบแบบอินไลน์และองค์ประกอบตารางที่ไม่ถูกแทนที่
ไวยากรณ์ DOM
object.style.maxWidth = "50px"
ตัวอย่าง
นี่คือตัวอย่าง -
<html>
<head>
</head>
<body>
<p style = "max-width:100px; height:200px; border:1px solid red; padding:5px; margin:10px;">
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
</p>
<img alt = "logo" src = "/images/css.gif" width = "95" height = "84" />
</body>
</html>
สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -