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
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 |
