Thuộc tính width CSS

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

Thuộc tính width thiết lập độ rộng của phần tử.

Giải thích

Thuộc tính này xác định độ rộng của khu vực nội dung của phần tử, ngoài khu vực nội dung có thể thêm lề trong, viền và khoảng cách.

Các phần tử nội tuyến không thay thế sẽ bỏ qua thuộc tính này.

Xem thêm:

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

Hướng dẫn CSS:Tóm tắt về mô hình khung CSS

Hướng dẫn CSS:Thuộc tính height

Hướng dẫn HTML DOM:Thuộc tính width

Ví dụ

Đặt độ cao và độ rộng của đoạn văn:

p
  {
  height:100px;
  width:100px;
  }

Thử làm ngay

Cú pháp CSS

width: auto|value|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Trình duyệt có thể tính toán độ rộng thực tế.
length Định nghĩa độ rộng bằng các đơn vị như px, cm, v.v.
% Định nghĩa độ rộng phần trăm dựa trên độ rộng của khối bao gồm (phần tử cha).
inherit Định nghĩa rằng width thuộc tính nên kế thừa từ giá trị của phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: no
Phiên bản: CSS1
Cú pháp JavaScript: object.style.width="50px"

TIY ví dụ

Sử dụng giá trị pixel để đặt độ rộng của phần tử
Ví dụ này minh họa cách sử dụng giá trị pixel để đặt độ rộng của phần tử.
Sử dụng phần trăm để đặt độ rộng của phần tử
Ví dụ này minh họa cách sử dụng phần trăm để đặt độ rộng của phần tử.

Hỗ trợ trình duyệt

Số trong bảng chú thích cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5