Cách thêm chiều cao (height) cho phần tử trong HTML?

Thuộc tính height đặt chiều cao (pixel) cho các phần tử: <canvas>, <embed>, <img>, <input>, <video>, <iframe>, <object>. Khuyến nghị dùng CSS height để tách nội dung - trình bày.

Ví dụ

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" controls autoplay muted>
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      Trình duyệt không hỗ trợ video.
    </video>
  </body>
</html>

Lưu ý

• Giá trị: pixel (số nguyên), không đơn vị (ví dụ: height="200").
• Trên <img>: nếu chỉ đặt một trong width/height, trình duyệt giữ tỷ lệ khung hình.
• CSS ưu tiên hơn attribute: style="height: 300px" ghi đè height="200".
• Responsive: dùng CSS max-width: 100%; height: auto; cho ảnh/video.

CSS height nâng cao

• height: 100vh (chiều cao viewport)
• min-height, max-height
• height: fit-content, height: auto