Thuộc tính chiều cao HTML


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

Thuộc heighttính chỉ định chiều cao của phần tử, tính bằng pixel.


Áp dụng đối với

Thuộc heighttính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<canvas> Chiều cao
<embed> Chiều cao
<iframe> Chiều cao
<img> Chiều cao
<input> Chiều cao
<đối tượng> Chiều cao
<video> Chiều cao

Các ví dụ

Ví dụ về canvas

Phần tử <canvas> có chiều cao và chiều rộng là 200 pixel:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">

Ví dụ nhúng

Hoạt ảnh flash có chiều cao và chiều rộng 200 pixel:

<embed src="helloworld.swf" width="200" height="200">

Ví dụ về iframe

<iframe> có chiều cao và chiều rộng được chỉ định là 200 pixel:

<iframe src="/default.asp" width="200" height="200">
</iframe>

Ví dụ về Img

Hình ảnh có chiều cao và chiều rộng là 42 pixel:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Ví dụ đầu vào

Xác định hình ảnh làm nút gửi, với các thuộc tính chiều cao và chiều rộng:

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

Ví dụ về đối tượng

Hoạt ảnh flash có chiều cao và chiều rộng là 400 pixel ::

<object data="helloworld.swf" height="400" width="400"></object>

Ví dụ về Video

Trình phát video có chiều cao và chiều rộng được chỉ định:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Hỗ trợ trình duyệt

Thuộc heighttính này có hỗ trợ trình duyệt sau cho từng phần tử:

Element
canvas 4.0 9.0 2.0 3.1 9.0
embed Yes Yes Yes Yes Yes
iframe Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input 1.0 Yes 16.0 Yes 1.0
object Yes Yes Yes Yes Yes
video Yes Yes Yes Yes Yes