Thuộc tính Style borderLeftStyle

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

borderLeftStyle thiết lập hoặc trả về樣式 của mép trái của phần tử.

Xin xem thêm:

Hướng dẫn CSS:Biên của CSS

Tài liệu tham khảo CSS:thuộc tính border-left-style

Tài liệu tham khảo HTML DOM:thuộc tính border

thí dụ

Ví dụ 1

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

document.getElementById("myDiv").style.borderLeftStyle = "solid";

Thử ngay

Ví dụ 2

Thay đổi phong cách viền bên trái của phần tử <div> thành "dotted":

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

Thử ngay

Ví dụ 3

Trả về phong cách viền bên trái của phần tử <div>:

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

Thử ngay

Ví dụ 4

Dдемоstration cho tất cả các giá trị khác nhau:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

Thử ngay

Cú pháp

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

object.style.borderLeftStyle

Thiết lập thuộc tính borderLeftStyle:

object.style.borderLeftStyle = value
Giá trị Mô tả
none Định nghĩa viền không có. Mặc định.
hidden Tương đương với "none", nhưng ngoại trừ khi giải quyết xung đột viền của phần tử bảng.
dotted Định nghĩa viền chấm.
dashed Định nghĩa viền chấm.
solid Định nghĩa viền chắc.
double Định nghĩa hai viền. Chiều rộng của hai viền bằng giá trị của border-width.
groove Định nghĩa viền 3D groove. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
ridge Định nghĩa viền 3D ridge. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
inset Định nghĩa viền 3D inset. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
outset Định nghĩa viền 3D outset. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
initial Thiết lập thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này để kế thừa từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none
Giá trị trả về: Chuỗi biểu thị phong cách viền bên trái của phần tử.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

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