CSS border-left-style 属性

Definisi dan penggunaan

border-left-style menetapkan gaya sebelah kiri elemen.

Garis hanya muncul apabila nilai ini bukan none.

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

Lihat juga:

Panduan CSS:Keselamatan border CSS

Panduan CSS:Sifat border-left

Panduan HTML DOM:Sifat borderLeftStyle

Contoh

Tetapkan gaya sebelah kiri:

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

Cuba sendiri

Syarat CSS

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

Nilai sifat

Nilai Penerangan
none Tetapkan sebelah kiri tanpa garisan.
hidden Sama seperti "none", kecuali untuk jadwal, "hidden" digunakan untuk memecahkan konflik sebelah kiri.
dotted Tetapkan garisan titik. Pada kebanyakan pereka, ia dipaparkan sebagai garisan bulat.
dashed Tetapkan garisan gurun. Pada kebanyakan pereka, ia dipaparkan sebagai garisan bulat.
solid Tetapkan garisan bulat.
double Tetapkan garisan ganda. Lebar garisan ganda sama dengan nilai border-width.
groove Tetapkan gaya sebelah kiri 3D korong. Efectnya tergantung daripada nilai border-color.
ridge Tetapkan gaya sebelah kiri 3D bercorak. Efectnya tergantung daripada nilai border-color.
inset Tetapkan gaya sebelah kiri 3D inset. Efectnya tergantung daripada nilai border-color.
outset Tetapkan gaya sebelah kiri 3D outset. Efectnya tergantung daripada nilai border-color.
inherit Ditetapkan supaya gaya sebelah kiri diwarisi dari elemen induk.

Butir teknologi

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

Contoh lebih banyak

Tetapkan gaya sebelah kiri
Contoh ini memaparkan bagaimana untuk tetapkan gaya sebelah kiri.

Pendukung pereka

Nombor di 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