Thuộc tính chiều rộng hình ảnh
Thí dụ
Thay đổi chiều rộng của hình ảnh thành 300px:
document.getElementById("myImg").width = "300";
Định nghĩa và Cách sử dụng
Thuộc tính width đặt hoặc trả về giá trị của thuộc tính width của hình ảnh.
Thuộc tính width chỉ định chiều rộng của hình ảnh.
Thuộc tính này cũng có thể trả về chiều rộng của hình ảnh đã được tạo kiểu bằng CSS (Xem thêm Ví dụ).
Mẹo: Sử dụng thuộc tính chiều cao để đặt hoặc trả về giá trị của thuộc tính chiều cao của hình ảnh.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính width:
imageObject.width
Đặt thuộc tính width:
imageObject.width = pixels
Giá trị tài sản
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho chiều rộng của hình ảnh, tính bằng pixel |
---|
Các ví dụ khác
Thí dụ
Trả lại chiều rộng của hình ảnh:
var x = document.getElementById("myImg").width;
Thí dụ
Thay đổi chiều cao và chiều rộng của hình ảnh thành 300px:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Thí dụ
Trả lại chiều rộng của hình ảnh đã được tạo kiểu bằng CSS:
var x = document.getElementById("myImg").width;
Các trang liên quan
Tham chiếu HTML: Thuộc tính chiều rộng HTML <img>
❮ Đối tượng Hình ảnh