Thuộc tính min-width CSS

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

min-width Thuộc tính đặt chiều rộng tối thiểu cho phần tử.

Giải thích

Giá trị thuộc tính này sẽ đặt một giới hạn tối thiểu cho chiều rộng của phần tử. Do đó, phần tử có thể rộng hơn giá trị được chỉ định, nhưng không thể hẹp hơn. Không được phép chỉ định giá trị âm.

Xem thêm:

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

Hướng dẫn CSS:Thuộc tính max-width CSS

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

Ví dụ

Đặt chiều rộng tối thiểu cho đoạn văn:

p
  {
  min-width:100px;
  }

Thử ngay

Ngôn ngữ CSS

min-width: length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa giá trị chiều rộng tối thiểu của phần tử. Giá trị mặc định: tùy thuộc vào trình duyệt.
% Định nghĩa chiều rộng tối thiểu dựa trên phần tử khối chứa nó.
inherit Định nghĩa rằng giá trị thuộc tính min-width nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: none
Kế thừa: no
Phiên bản: CSS2
Ngôn ngữ语法: object.style.minWidth="50px"

TIY ví dụ

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

Hỗ trợ trình duyệt

Số trong bảng chú thích là 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 7.0 1.0 2.0.2 4.0