คุณสมบัติความกว้างสูงสุดของ CSS
ตัวอย่าง
ตั้งค่าความกว้างสูงสุดของ <p> องค์ประกอบเป็น 150 พิกเซล:
p.ex1 {
max-width: 150px;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติกำหนด ความmax-width
กว้างสูงสุดขององค์ประกอบ
หากเนื้อหามีขนาดใหญ่กว่าความกว้างสูงสุด ความสูงขององค์ประกอบจะเปลี่ยนโดยอัตโนมัติ
หากเนื้อหามีขนาดเล็กกว่าความกว้างสูงสุด
max-width
คุณสมบัติจะไม่มีผลใดๆ
หมายเหตุ:สิ่งนี้จะป้องกันค่าของ
คุณสมบัติ width ไม่ ให้มากกว่า
max-width
. ค่าของ
max-width
คุณสมบัติจะแทนที่คุณสมบัติความกว้าง
ค่าเริ่มต้น: | ไม่มี |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ใช่ดูคุณสมบัติแต่ละรายการ อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS2 |
ไวยากรณ์ JavaScript: | วัตถุ .style.maxWidth="600px" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
ไวยากรณ์ CSS
max-width: none|length|initial|inherit;
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width 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 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตั้งค่าความกว้างสูงสุดของ <p> องค์ประกอบเป็น 50% ของคอนเทนเนอร์:
p.ex1 {
max-width: 50%;
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS ความสูงและความกว้าง
การอ้างอิง CSS: คุณสมบัติความกว้างขั้นต่ำ
การอ้างอิง HTML DOM: คุณสมบัติ maxWidth