Thuộc tính chiều cao tối đa của CSS
Ví dụ
Đặt chiều cao tối đa của phần tử <p> thành 50 pixel:
p.ex1
{
max-height: 50px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính max-height
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ẽ tràn. Cách vùng chứa 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 thì thuộc tính max-height
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 tính max-height
sẽ ghi đè thuộc tính Height.
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.maxHeight="100px" 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-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 | Demo |
---|---|---|
none | No maximum height. This is default | Play it » |
length | Defines the maximum height in px, cm, etc. Read about length units | Play it » |
% | 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 |
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 cao tối thiểu
Tham chiếu DOM HTML: thuộc tính maxHeight