Thuộc tính chiều rộng HTML
Định nghĩa và Cách sử dụng
Thuộc width
tính chỉ định chiều rộng của phần tử, tính bằng pixel.
Lưu ý: Đối với các phần tử đầu vào, width
thuộc tính chỉ được sử dụng với
<input type="image">
.
Áp dụng đối với
Thuộc width
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 rộng |
<embed> | chiều rộng |
<iframe> | chiều rộng |
<img> | chiều rộng |
<input> | chiều rộng |
<đối tượng> | chiều rộng |
<video> | chiều rộng |
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" width="400" height="400"></object>
Ví dụ về Video
Trình phát video có chiều rộng và chiều cao đượ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 width
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 |
width | Yes | Yes | Yes | Yes | Yes |