Thuộc tính border-left CSS

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

Thuộc tính viết tắt border-left đặt tất cả các thuộc tính của mép trái vào một dòng khai báo.

Có thể đặt theo thứ tự sau các thuộc tính:

Nếu không đặt một trong số các giá trị, cũng không có vấn đề gì, ví dụ border-left:solid #ff0000; cũng được phép.

Xem thêm:

Hướng dẫn CSS:Biên cảnh CSS

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

Ví dụ

Đặt phong cách mép trái:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Thử ngay

Ngữ pháp CSS

border-left: border-width border-style border-color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
border-left-width Định nghĩa độ rộng mép trái. Xem thêm:border-left-width các giá trị có thể
border-left-style Định nghĩa phong cách mép trái. Xem thêm:border-left-style các giá trị có thể
border-left-color Định nghĩa màu mép trái. Xem thêm:border-left-color các giá trị có thể
inherit Định nghĩa rằng giá trị của thuộc tính border-left nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: chưa xác định
Thừa kế: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.borderLeft="3px solid blue"

Các ví dụ khác

Tất cả các thuộc tính mép trái được đặt trong một dòng khai báo.
Tất cả các thuộc tính mép trái được đặt trong một dòng khai báo.

Hỗ trợ trình duyệt

Số trong bảng 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 3.5 1.0

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".