Thuộc tính borderLeft của Style

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

borderLeft Thuộc tính được thiết lập hoặc trả về dưới dạng viết tắt tối đa ba thuộc tính viền trái riêng lẻ.

Bằng thuộc tính này, bạn có thể thiết lập/trả về một hoặc nhiều mục sau (theo bất kỳ thứ tự nào):

Xem thêm:

Giáo trình CSS:BORDER của CSS

Hướng dẫn tham khảo CSS:Thuộc tính border-left

Hướng dẫn tham khảo HTML DOM:Thuộc tính border

Mẫu

Ví dụ 1

Thêm viền trái cho phần tử <div>:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Thử ngay

Ví dụ 2

Thay đổi độ rộng, kiểu dáng và màu sắc của viền trái của phần tử <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Thử ngay

Ví dụ 3

Trả về giá trị thuộc tính border-left của phần tử <div>:

alert(document.getElementById("myDiv").style.borderLeft);

Thử ngay

Cú pháp

Trả về thuộc tính borderLeft:

object.style.borderLeft

Đặt thuộc tính borderLeft:

object.style.borderLeft = "width style color|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
width Đặt độ rộng của viền trái.
style Đặt kiểu dáng của viền trái.
color Đặt màu sắc của viền trái.
initial. Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Gia đình từ phần tử cha của nó thuộc tính này. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Chưa chỉ định
Giá trị trả về: Chuỗi biểu thị độ rộng, kiểu dáng và/hoặc màu sắc của viền trái của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ