Thuộc tính width

Thuộc tính width thiết lập chiều rộng của phần tử. Giá trị của thuộc tính là bất kỳ đơn vị cho kích thước nào hoặc từ khóa auto, cho phép trình duyệt tự tính toán kích thước phần tử (hành vi mặc định).

Cú pháp

cssbộ chọn {
  width: giá trị;
}

Ví dụ

Hãy thiết lập chiều rộng phần tử là 300px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Ví dụ

Hãy làm để phần tử chiếm 70% chiều rộng của phần tử cha của nó (trong trường hợp của chúng ta đây sẽ là cửa sổ trình duyệt):

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Xem thêm