Thuộc tính max-height
Định nghĩa và sử dụng Thuộc tính max-height thiết lập chiều cao tối đa cho thành phần. Cấu trúc tag { max-height: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả max-height đơn vị Chiều cao tối đa tính từ mép trên cùng của thành phần, đơn vị có […]
Định nghĩa và sử dụng
Thuộc tính max-height thiết lập chiều cao tối đa cho thành phần.
Cấu trúc
tag {
max-height: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| max-height | đơn vị | Chiều cao tối đa tính từ mép trên cùng của thành phần, đơn vị có thể là px, em, %, … |
| none | Không sử dụng chiều cao lớn nhất, đây là dạng mặc định. | |
| 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;
max-height: 60px;
}
Hiển thị trình duyệt:
- Tham khảo html4
- Tham khảo html5
- Tham khảo css
- Tham khảo css3
- Tham khảo jquery
Khi đã sử dụng thuộc tính max-height thì chiều cao của box sẽ không vượt quá giá trị của max-height
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
![[thuộc tính|=ngôn ngữ]](https://lth90.top/wp-content/uploads/2023/10/css-02-420x280.jpg)