Thuộc tính min-height CSS

Định nghĩa và cách sử dụng

min-height Thuộc tính đặt chiều cao tối thiểu cho phần tử.

Giải thích

Giá trị thuộc tính này sẽ đặt một giới hạn thấp nhất cho chiều cao của phần tử. Do đó, phần tử có thể cao hơn giá trị được chỉ định, nhưng không thể thấp hơn. Không được phép chỉ định giá trị âm.

Xem thêm:

Giáo trình CSS:Kích thước CSS

Giáo trình CSS:Thuộc tính maxHeight

Hướng dẫn tham khảo HTML DOM:Thuộc tính minHeight

Ví dụ

Đặt chiều cao tối thiểu cho đoạn văn:

p
  {
  min-height:100px;
  }

Thử ngay

Cú pháp CSS

min-height: length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa chiều cao tối thiểu của phần tử. Giá trị mặc định là 0.
% Định nghĩa chiều cao tối thiểu dựa trên phần tử khối chứa nó bằng phần trăm.
inherit Định nghĩa rằng giá trị thuộc tính min-height nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Kế thừa: no
Phiên bản: CSS2
Cú pháp JavaScript: object.style.minHeight="50px"

Thử ngay

Đặt chiều cao tối thiểu của phần tử bằng giá trị pixel
Ví dụ này minh họa cách sử dụng giá trị pixel để đặt chiều cao tối thiểu của phần tử.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 3.0 2.0.2 4.0