Đường viền kiểu dáng
Thí dụ
Thêm đường viền bên trái vào phần tử <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Định nghĩa và Cách sử dụng
Thuộc tính borderLeft đặt hoặc trả về tối đa ba thuộc tính bên trái riêng biệt, ở dạng viết tắt.
Với thuộc tính này, bạn có thể đặt / trả lại một hoặc nhiều điều sau (theo bất kỳ thứ tự nào):
- viền-trái-chiều rộng
- kiểu viền trái
- viền-trái-màu
Hỗ trợ trình duyệt
Thuộc tính borderLeft được hỗ trợ trong tất cả các trình duyệt chính.
Cú pháp
Trả lại thuộc tính borderLeft:
object.style.borderLeft
Đặt thuộc tính borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | không được chỉ định |
---|---|
Giá trị trả lại: | Chuỗi, đại diện cho chiều rộng, kiểu và / hoặc màu của đường viền bên trái của một phần tử |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi chiều rộng, kiểu và màu của đường viền bên trái của phần tử <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Thí dụ
Trả về các giá trị thuộc tính bên trái của phần tử <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Các trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính border-left
Tham chiếu DOM HTML: thuộc tính đường viền