Style borderLeftStyle 属性

定义和用法

borderLeftStyle 属性设置或返回元素左边框的样式。

另请参阅：

CSS 教程：Semeni Border CSS

CSS 参考手册：border-left-style 属性

HTML DOM 参考手册：border 属性

实例

Contoh 1

Tambahkan garisan pinggir kiri yang bersisi untuk elemen <div>:

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

Coba Sendiri

Contoh 2

Ubah style border kiri elemen <div> menjadi "dotted":

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

Coba Sendiri

Contoh 3

Return style border kiri elemen <div>:

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

Coba Sendiri

Contoh 4

Demo untuk nilai yang berbeda:

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

Coba Sendiri

Syntax

Return borderLeftStyle property:

object.style.borderLeftStyle

Set borderLeftStyle property:

object.style.borderLeftStyle = value
Value Description
none Mendefinikan garisan pinggir yang tiada. Lalai.
hidden Sama seperti "none", kecuali dalam penyelesaian konflik garisan pinggir elemen tabel.
dotted Mendefinikan garisan pinggir dengan titik.
dashed Mendefinikan garisan pinggir dengan garis garis.
solid Mendefinikan garisan pinggir yang bersisi.
double Mendefinikan dua garisan pinggir. Lebar kedua garisan pinggir sama dengan nilai border-width.
groove Mendefinikan garisan pinggir 3D groove. Efect menentukan border-color nilai.
ridge Mendefinikan garisan pinggir 3D ridge. Efect menentukan border-color nilai.
inset Mendefinikan garisan pinggir 3D inset. Efect menentukan border-color nilai.
outset Mendefinikan garisan pinggir 3D outset. Efect menentukan border-color nilai.
initial Tetapkan sifat ini ke nilai lalai. Lihat initial.
inherit Mewarisi sifat ini dari elemen ibu. Lihat inherit.

Detil Teknik

Nilai lalai: none
Kembalian: String, mewakili gaya garisan kiri elemen.
Versi CSS: CSS1

Browser Dukung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan