Thuộc tính max-height CSS

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

Thuộc tính max-height thiết lập chiều cao tối đa của phần tử.

Giải thích

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

Chú ý:Thuộc tính max-height không bao gồm mép ngoài, viền và mép trong.

Xem thêm:

Hướng dẫn CSS:Kích thước CSS

Hướng dẫn CSS:Thuộc tính min-height

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

Ví dụ

Thiết lập chiều cao tối đa của đoạn văn:

p
  {
  max-height:100px;
  }

Thử ngay

Ngôn ngữ CSS

max-height: none|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Mặc định. Định nghĩa không có giới hạn chiều cao tối đa cho phần tử.
length Định nghĩa giá trị chiều cao tối đa của phần tử.
% Định nghĩa chiều cao tối đa dựa trên phần trăm của đối tượng khối chứa nó.
inherit Định nghĩa rằng giá trị thuộc tính max-height nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: none
Thừa kế: no
Phiên bản: CSS2
Ngôn ngữ语法: object.style.maxHeight="50px"

TIY ví dụ

Thiết lập chiều cao tối đa của phần tử
Ví dụ này minh họa cách thiết lập chiều cao tối đa của một 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 1.0 2.0.2 7.0