Thuộc tính chiều rộng tối đa của CSS
Ví dụ
Đặt chiều rộng tối đa của phần tử <p> thành 150 pixel:
p.ex1 {
max-width: 150px;
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính max-width
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 thì thuộc tính max-width
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 tính max-width
sẽ ghi đè thuộc tính width.
Giá trị mặc định: | không có |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | vâng, xem các thuộc tính riêng lẻ . Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.maxWidth="600px" Hãy dùng thử |
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 | Demo |
---|---|---|
none | No maximum width. This is default | Play it » |
length | Defines the maximum width in px, cm, etc. Read about length units | Play it » |
% | Defines the maximum width in percent of the containing block | Play it » |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Đặt chiều rộng tối đa của phần tử <p> thành 50% vùng chứa:
p.ex1 {
max-width: 50%;
}
Hãy tự mình thử »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 chiều rộng tối thiểu
Tham chiếu DOM HTML: thuộc tính maxWidth