Thuộc tính chiều cao kiểu
Thí dụ
Đặt chiều cao của phần tử <button>:
document.getElementById("myBtn").style.height = "50px";
Định nghĩa và Cách sử dụng
Thuộc tính height đặt hoặc trả về chiều cao của một phần tử.
Thuộc tính chiều cao chỉ có hiệu lực trên các phần tử cấp khối hoặc các phần tử có vị trí tuyệt đối hoặc cố định. Nội dung tràn có thể được thao tác với thuộc tính tràn.
Mẹo: Sử dụng thuộc tính width để đặt hoặc trả về chiều rộng của một phần tử.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính chiều cao:
object.style.height
Đặt thuộc tính chiều cao:
object.style.height = "auto|length|%|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | Tự động |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho chiều cao của một phần tử |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi chiều cao của phần tử <div>:
document.getElementById("myDIV").style.height = "500px";
Thí dụ
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í dụ
Trả về chiều cao của phần tử <img>:
alert(document.getElementById("myImg").style.height);
Các trang liên quan
Hướng dẫn CSS: CSS Dimension
Hướng dẫn CSS: Mô hình CSS Box
Tham chiếu CSS: thuộc tính chiều cao
❮ Đối tượng phong cách