Thuộc tính chiều cao tối thiểu CSS
Ví dụ
Đặt chiều cao tối thiểu của phần tử <p> thành 200 pixel:
p.ex1
{
min-height: 200px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính min-height
xác định chiều cao tối thiểu của một phần tử.
Nếu nội dung nhỏ hơn chiều cao tối thiểu thì chiều cao tối thiểu sẽ được áp dụng.
Nếu nội dung lớn hơn chiều cao tối thiểu thì thuộc tính min-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 nhỏ hơn min-height
.
Giá trị mặc định: | 0 |
---|---|
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.minHeight="400px" 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 | |||||
---|---|---|---|---|---|
min-height | 1.0 | 7.0 | 3.0 | 2.0.2 | 4.0 |
Cú pháp CSS
min-height: length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | Default value is 0. Defines the minimum height in px, cm, etc. Read about length units | Demo ❯ |
% | Defines the minimum height in percent of the containing block | Demo ❯ |
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 đa
Tham chiếu DOM HTML: thuộc tính minHeight