Properti border-left-style CSS

Definisi dan penggunaan

border-left-style mengatur gaya garis bawah kiri elemen.

Garis hanya muncul jika 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 bawah 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 bawah kosong.
hidden Sama seperti "none", kecuali untuk tabel, di tabel "hidden" digunakan untuk memecahkan konflik garis.
dotted Mendefinisikan garis titik. Dalam sebagian besar browser ditampilkan sebagai garis tegak lurus.
dashed Mendefinisikan garis garis. Dalam sebagian besar browser ditampilkan sebagai garis tegak lurus.
solid Mendefinisikan garis tegak lurus.
double Mendefinisikan garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis bawah 3D concave. Effeknya tergantung dari nilai border-color.
ridge Mendefinisikan garis bawah 3D emboss. Effeknya tergantung dari nilai border-color.
inset Mendefinisikan garis bawah 3D inset. Effeknya tergantung dari nilai border-color.
outset Mendefinisikan garis bawah 3D outset. Effeknya tergantung dari nilai border-color.
inherit Ditetapkan agar gaya garis bawah diwarisi dari elemen orang tua.

Detil teknis

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

Beberapa contoh lainnya

Mengatur gaya garis bawah kiri
Contoh ini menunjukkan bagaimana cara mengatur gaya garis bawah 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