Atribut border-left-style CSS

Definisi dan penggunaan

border-left-style mengatur gaya garis kiri elemen.

Garis bingkai muncul hanya saat nilai ini bukan none.

Dalam CSS1, agen pengguna HTML hanya harus mendukung solid dan none.

Lihat pula:

Panduan CSS:Batas CSS

Panduan CSS:Atribut border-left

Panduan HTML DOM:Atribut borderLeftStyle

Contoh

Mengatur gaya garis kiri:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

Coba sendiri

Grammar CSS

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis bingkai tak ada.
hidden Sama dengan "none" kecuali untuk tabel, untuk tabel, "hidden" digunakan untuk memecahkan konflik garis bingkai.
dotted Mendefinisikan garis titik. Dalam sebagian besar browser ditampilkan sebagai garis bersatu.
dashed Mendefinisikan garis ganda. Dalam sebagian besar browser ditampilkan sebagai garis bersatu.
solid Mendefinisikan garis bersatu.
double Mendefinisikan garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan bingkai 3D grooving. Efectnya tergantung dari nilai border-color.
ridge Mendefinisikan bingkai 3D relief. Efectnya tergantung dari nilai border-color.
inset Mendefinisikan bingkai 3D inset. Efectnya tergantung dari nilai border-color.
outset Mendefinisikan bingkai 3D outset. Efectnya tergantung dari nilai border-color.
inherit Diatur untuk menerima gaya garis bingkai dari elemen induk.

Detil teknis

Nilai default: not specified
Inheritance: no
Versi: CSS1
Grammar JavaScript: object.style.borderLeftStyle="dotted"

Beberapa contoh lainnya

Mengatur gaya garis kiri
Contoh ini menunjukkan bagaimana cara mengatur gaya garis kiri.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2