Chiều rộng kiểu dáng
Ví dụ
Đặt chiều rộng của phần tử <button>:
document.getElementById("myBtn").style.width = "300px";
Hãy tự mình thử »Sự miêu tả
Thuộc tính width đặt hoặc trả về chiều rộng của một phần tử.
Thuộc tính chiều rộng chỉ có hiệu lực đối với các phần tử cấp khối hoặc trên các phần tử có vị trí tuyệt đối hoặc cố định. Nội dung tràn có thể được xử lý bằng thuộc tính tràn.
Mẹo: Sử dụng thuộc tính chiều cao để đặt hoặc trả về chiều cao của một phần tử.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính chiều rộng:
object .style.width
Đặt thuộc tính chiều rộng:
object .style.width = "auto| length|% |initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | tự động |
---|---|
Giá trị trả về: | Một chuỗi, biểu thị chiều rộng của một phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Thay đổi độ rộng của phần tử <div>:
document.getElementById("myDIV").style.width = "500px";
Hãy tự mình thử »Ví dụ
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";
Hãy tự mình thử »Ví dụ
Trả về chiều rộng của phần tử <img>:
alert(document.getElementById("myImg").style.width);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Kích thước CSS
Hướng dẫn CSS: Mô hình CSS Box
Tham chiếu CSS: thuộc tính chiều rộng