Thuộc tính chiều rộng tối đa CSS
Thí dụ
Đặt chiều rộng tối đa của phần tử <p> thành 150 pixel:
p.ex1 {
max-width: 150px;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc max-width
tính xác định chiều rộng tối đa của một phần tử.
Nếu nội dung lớn hơn chiều rộng tối đa, nó sẽ tự động thay đổi chiều cao của phần tử.
Nếu nội dung nhỏ hơn chiều rộng tối đa, thuộc
max-width
tính không có hiệu lực.
Lưu ý: Điều này ngăn giá trị của thuộc tính
width trở nên lớn hơn
max-width
. Giá trị của thuộc
max-width
tính ghi đè thuộc tính width.
Giá trị mặc định: | không ai |
---|---|
Thừa hưởng: | không |
Hoạt hình: | có, hãy xem các thuộc tính riêng lẻ . Đọc về hoạt hình |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.maxWidth = "600px" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Cú pháp CSS
max-width: none|length|initial|inherit;
Giá trị tài sản
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 |
Các ví dụ khác
Thí dụ
Đặt chiều rộng tối đa của phần tử <p> thành 50% của vùng chứa:
p.ex1 {
max-width: 50%;
}
Các trang liên quan
Hướng dẫn CSS: Chiều cao và Chiều rộng CSS
Tham chiếu CSS: thuộc tính min-width
Tham chiếu DOM HTML: thuộc tính maxWidth