Thuộc tính width của Style

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

width Thuộc tính này cài đặt hoặc trả về chiều rộng của phần tử.

width Thuộc tính này chỉ có hiệu lực đối với các phần tử khối hoặc các phần tử có vị trí tuyệt đối hoặc cố định. Nội dung chảy ra có thể được cài đặt hoặc trả về bằng Thuộc tính overflow để xử lý.

Lưu ý:Sử dụng Thuộc tính height Cài đặt hoặc trả về chiều cao của phần tử.

Xem thêm:

Hướng dẫn CSS:Kích thước CSS

Hướng dẫn CSS:Mô hình khung CSS

Tài liệu tham khảo CSS:Thuộc tính width

Mô hình

Ví dụ 1

Cài đặt chiều rộng của phần tử <button>:

document.getElementById("myBtn").style.width = "300px";

Thử ngay

Ví dụ 2

Thay đổi chiều rộng của phần tử <div>:

document.getElementById("myDIV").style.width = "500px";

Thử ngay

Ví dụ 3

Thay đổi chiều cao và chiều rộng của phần tử <img>:

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

Thử ngay

Ví dụ 4

Trả về chiều rộng của phần tử <img>:

alert(document.getElementById("myImg").style.width);

Thử ngay

Ngữ pháp

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

object.style.width

Cài đặt thuộc tính width:

object.style.width = "auto|length|%|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Cài đặt chiều rộng trình duyệt. Mặc định.
length Định nghĩa chiều rộng bằng đơn vị đo长度.
% Định nghĩa chiều rộng của phần tử cha bằng phần trăm.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi biểu thị chiều rộng của phần tử.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

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