属性 border-left-style CSS

Definisi dan penggunaan

border-left-style menetapkan gaya sebelah kiri elemen.

Garis hanya muncul jika nilai ini bukan none.

Dalam CSS1, pereka HTML hanya perlu mendukung solid dan none.

Lihat juga:

Panduan CSS:BORDER CSS

Panduan CSS:Sifat border-left

Panduan HTML DOM:Sifat borderLeftStyle

Contoh

Menetapkan gaya sebelah kiri:

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

Cuba sendiri

Rumus CSS

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

Nilai sifat

Nilai Penerangan
none Mendefinikan sebelah kiri tanpa garis.
hidden Sama seperti "none", kecuali untuk tabel, di mana "hidden" digunakan untuk memecahkan konflik sebelah kiri.
dotted Mendefinikan garisan titik. Dalam kebanyakan pereka, ia dipaparkan sebagai garisan tegak.
dashed Mendefinikan garisan gurun. Dalam kebanyakan pereka, ia dipaparkan sebagai garisan tegak.
solid Mendefinikan garisan tegak.
double Mendefinikan garisan ganda. Lebar garisan ganda sama dengan nilai border-width.
groove Mendefinikan gaya sebelah kiri 3D lubang. Efectnya tergantung dari nilai border-color.
ridge Mendefinikan gaya sebelah kiri 3D ribbonting. Efectnya tergantung dari nilai border-color.
inset Mendefinikan gaya sebelah kiri 3D inset. Efectnya tergantung dari nilai border-color.
outset Mendefinikan gaya sebelah kiri 3D outset. Efectnya tergantung dari nilai border-color.
inherit Ditetapkan supaya gaya sebelah kiri diwarisi dari elemen induk.

Detil teknikal

Nilai lalai: tidak disifatkan
Ketergantungan: tidak
Versi: CSS1
Rumus JavaScript: object.style.borderLeftStyle="dotted"

Contoh lain

Menetapkan gaya sebelah kiri
Contoh ini memaparkan bagaimana untuk menetapkan gaya sebelah kiri.

Pendukung pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.

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