Properti border-left CSS

Definisi dan penggunaan

Atribut shorcut border-left mengatur semua atribut garis kiri ke dalam satu deklarasi.

Dapat disetel berurutan seperti berikut ini:

Jika salah satu nilai tersebut tidak disetel, itu belum masalah, seperti border-left:solid #ff0000; masih diizinkan.

Lihat juga:

Panduan CSS:Batas CSS

Panduan Referensi HTML DOM:Atribut borderLeft

Contoh

Atur gaya garis kiri:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Coba sendiri

Syntax CSS

border-left: border-width border-style border-color|awal|inherit;

Nilai atribut

Nilai Deskripsi
border-left-width Diatur lebar garis kiri. Lihat:border-left-width yang mungkin di sini.
border-left-style Diatur gaya garis kiri. Lihat:border-left-style yang mungkin di sini.
warna-border-kiri Diatur warna garis kiri. Lihat:warna-border-kiri yang mungkin di sini.
inherit Diatur untuk menerima pengaturan atribut border-left dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Inheritance: no
Versi: CSS1
Syntax JavaScript: object.style.borderLeft="3px solid blue"

Contoh lainnya

Semua atribut garis kiri di dalam satu deklarasi
Semua atribut garis kiri di dalam satu deklarasi

Dukungan peramban

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Keterangan:Peramban IE7 dan versi yang lebih awal tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".