Thuộc tính chiều cao style

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

height Thuộc tính cài đặt hoặc trả về chiều cao của phần tử.

height Thuộc tính này chỉ có hiệu lực đối với các phần tử block hoặc có vị trí tuyệt đối hoặc cố định. Nội dung chảy ra có thể được cài đặt hoặc trả về bằng thuộc tính Thuộc tính overflow để thao tác.

Lưu ý:Hãy sử dụng Thuộc tính width Cài đặt hoặc trả về chiều rộng của phần tử.

Xem thêm:

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

Hướng dẫn CSS:Mô hình khung CSS

Tài liệu tham khảo CSS:Thuộc tính height

Mô hình

Ví dụ 1

Cài đặt chiều cao của phần tử <button>:

document.getElementById("myBtn").style.height = "50px";

Thử nghiệm trực tiếp

Ví dụ 2

Thay đổi chiều cao của phần tử <div>:

document.getElementById("myDIV").style.height = "500px";

Thử nghiệm trực tiếp

Ví dụ 3

Thay đổi chiều cao và chiều rộng của phần tử <img>:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Thử nghiệm trực tiếp

Ví dụ 4

Trả về chiều cao của phần tử <img>:

alert(document.getElementById("myImg").style.height);

Thử nghiệm trực tiếp

Cú pháp

Trả về thuộc tính height:

object.style.height

Cài đặt thuộc tính height:

object.style.height = "auto|length|%|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Cài đặt chiều cao của trình duyệt. Mặc định.
length Định nghĩa chiều cao bằng đơn vị đo长度.
% Định nghĩa chiều cao bằng phần trăm của phần tử cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi biểu thị chiều cao của phần tử.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ