Thuộc tính border-left-width CSS

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

Thuộc tính border-left-width thiết lập độ rộng mép trái của element.

Chỉ hoạt động khi樣式 mép không phải là none. Nếu樣式 mép là none, độ rộng mép thực tế sẽ được đặt lại thành 0. Không được phép chỉ định giá trị độ dài âm.

Chú thích:Luôn khai báo thuộc tính border-style trước thuộc tính border-left-width. Element chỉ có thể thay đổi độ rộng mép sau khi đã có mép.

Xem thêm:

Hướng dẫn:Viền CSS

Tham khảo:Thuộc tính border-left CSS

Tham khảo:Thuộc tính borderLeftWidth trong HTML DOM

Ví dụ

Thiết lập độ rộng mép trái:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Thử nghiệm trực tiếp

Ngữ pháp CSS

border-left-width: medium|thin|thick|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
thin Định nghĩa mép trái mỏng.
medium Giá trị mặc định. Định nghĩa mép trái trung bình.
thick Định nghĩa mép trái dày.
length Cho phép bạn tùy chỉnh độ rộng mép trái.
inherit Định nghĩa rằng mép trái nên kế thừa độ rộng mép từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.borderLeftWidth="thick"

Các ví dụ khác

Thiết lập độ rộng mép trái
Ví dụ này minh họa cách thiết lập độ rộng mép trái.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra 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

Chú thích:Trình duyệt IE7 và các phiên bản trước không hỗ trợ giá trị "inherit". IE8 cần !DOCTYPE. IE9 hỗ trợ "inherit".