Thuộc tính chiều cao HTML
Định nghĩa và Cách sử dụng
Thuộc height
tính chỉ định chiều cao của phần tử, tính bằng pixel.
Áp dụng đối với
Thuộc height
tí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 height
tí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 |