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 của viền trái của phần tử.

Chỉ hoạt động khi phong cách viền không phải là none. Nếu phong cách viền là none, độ rộng viền 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ôndeclare thuộc tính border-style trước thuộc tính border-left-width. Các phần tử chỉ có thể thay đổi độ rộng viền sau khi đã có viền.

Xem thêm:

Hướng dẫn:BORDER trong 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 của viền trái:

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

Thử ngay

Ngôn ngữ CSS

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

Giá trị thuộc tính

Giá trị Mô tả
thin Định nghĩa viền trái mỏng.
medium Giá trị mặc định. Định nghĩa viền trái trung bình.
thick Định nghĩa viền trái dày.
length Cho phép bạn tùy chỉnh độ rộng của viền trái.
inherit Định nghĩa rằng chiều rộng của viền nên kế thừa 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ôn ngữ lập trình JavaScript: object.style.borderLeftWidth="thick"

Các ví dụ khác

Thiết lập độ rộng của viền trái
Ví dụ này minh họa cách thiết lập độ rộng của viền 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 sớm hơn không hỗ trợ giá trị "inherit". IE8 cần có !DOCTYPE. IE9 hỗ trợ "inherit".