Thuộc tính chiều rộng của hình ảnh

Đối tượng Image của HTML DOM

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

width Thuộc tính đặt hoặc trả về chiều rộng của hình ảnh Thuộc tính width giá trị.

Thuộc tính width của HTML quy đị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 đã sử dụng CSS để định dạng (xin xem ví dụ bên dưới).

Lưu ý:Vui lòng sử dụng Thuộc tính height Đặt hoặc trả về chiều cao của hình ảnh Thuộc tính height giá trị.

Mô hình

Ví dụ 1

Thay đổi chiều rộng của hình ảnh thành 450px:

document.getElementById("myImg").width = "450";

Thử ngay

Ví dụ 2

Trả về chiều rộng của hình ảnh:

var x = document.getElementById("myImg").width;

Thử ngay

Ví dụ 3

Thay đổi chiều cao và chiều rộng của hình ảnh thành 300px và 450px:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Thử ngay

Ví dụ 4

Trả về chiều rộng của hình ảnh đã sử dụng CSS để định dạng:

var x = document.getElementById("myImg").width;

Thử ngay

Cú pháp

Trả về thuộc tính width:

imageObject.width

Đặt thuộc tính width:

imageObject.width = pixels

Giá trị thuộc tính

Giá trị Mô tả
pixels Chiều rộng bằng pixel (ví dụ: width="100").

Chi tiết kỹ thuật

Giá trị trả về: Số lượng, biểu thị chiều rộng của hình ảnh, bằng đơn vị pixel.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính width của HTML <img>

Đối tượng Image của HTML DOM