Thuộc tính min-height
Định nghĩa và sử dụng Thuộc tính min-height thiết lập chiều cao tối thiểu (nhỏ nhất) cho thành phần. Cấu trúc tag { min-height: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả min-height đơn vị Chiều cao tối thiểu tính từ mép trên cùng của thành […]
Định nghĩa và sử dụng
Thuộc tính min-height thiết lập chiều cao tối thiểu (nhỏ nhất) cho thành phần.
Cấu trúc
tag {
min-height: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| min-height | đơn vị | Chiều cao tối thiểu tính từ mép trên cùng của thành phần, đơn vị có thể là px, em, %, … |
| inherit | Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). |
Ví dụ
Html viết:
<html> <head></head> <body> <div> <ul> <li>Tham khảo html4</li> <li>Tham khảo html5</li> <li>Tham khảo css</li> <li>Tham khảo css3</li> <li>Tham khảo jquery</li> </ul> </div> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
- Tham khảo html4
- Tham khảo html5
- Tham khảo css
- Tham khảo css3
- Tham khảo jquery
CSS viết:
div {
border: 1px solid red;
min-height: 180px;
}
Hiển thị trình duyệt:
- Tham khảo jquery
Khi nội dung dài thì chiều cao của box được tăng thêm, nhưng khi nội dung ngắn thì giá trị chiều cao nhỏ nhất sẽ bằng với giá trị min-height, chiều cao lúc này không thể nhỏ hơn giá trị min-height.
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari