Thuộc tính CSS height

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

Thuộc tính height đặt chiều cao của phần tử.

Giải thích

Thuộc tính này xác định chiều cao của khu vực nội dung của phần tử, bên ngoài khu vực nội dung có thể thêm lề trong, viền và lề ngoài.

Các phần tử nội tuyến không thay thế sẽ bỏ qua thuộc tính này.

Xem thêm:

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

Giáo trình CSS:Giới thiệu về mô hình khung trong CSS

Hướng dẫn CSS:Thuộc tính width

Hướng dẫn HTML DOM:Thuộc tính height

Ví dụ

Đặt chiều cao và chiều rộng của đoạn văn:

p
  {
  height:100px;
  width:100px;
  }

Thử ngay

Cú pháp CSS

height: auto|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
tự động Mặc định. Trình duyệt sẽ tính toán chiều cao thực tế.
length Định nghĩa chiều cao bằng các đơn vị như px, cm.
% Dựa trên chiều cao phần trăm của đối tượng khối chứa nó.
inherit Định nghĩa rằng chiều cao của thuộc tính height nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: tự động
Thừa kế: không
Phiên bản: CSS1
Cú pháp JavaScript: object.style.height="50px"

TIY ví dụ

Sử dụng giá trị pixel để đặt chiều cao của hình ảnh
Ví dụ này minh họa cách sử dụng giá trị pixel để đặt chiều cao của phần tử.
Sử dụng phần trăm để đặt chiều cao của hình ảnh
Ví dụ này minh họa cách sử dụng phần trăm để đặt chiều cao 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 4.0 1.0 1.0 7.0