Thuộc tính chiều cao tối đa CSS
Thí dụ
Đặt chiều cao tối đa của phần tử <p> thành 50 pixel:
p.ex1
{
max-height: 50px;
}
Định nghĩa và Cách sử dụng
Thuộc max-height
tính xác định chiều cao tối đa của một phần tử.
Nếu nội dung lớn hơn chiều cao tối đa, nó sẽ bị tràn. Cách vùng chứa sẽ xử lý nội dung tràn được xác định bởi thuộc tính tràn .
Nếu nội dung nhỏ hơn chiều cao tối đa, thuộc
max-height
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
chiều cao trở nên lớn hơn
max-height
. Giá trị của thuộc
max-height
tính ghi đè thuộc tính chiều cao.
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.maxHeight = "100px" |
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-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Cú pháp CSS
max-height: none|length|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height 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 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-height
Tham chiếu DOM HTML: thuộc tính maxHeight