Properti border-left-color CSS
- halaman sebelumnya border-left
- halaman berikutnya border-left-style
Definisi dan penggunaan
border-left-color menentukan warna garis kiri elemen.
Hanya dapat menentukan warna asli, dan garis hanya muncul ketika gaya garis adalah nilai yang bukan none atau hidden.
Keterangan:Selalu deklarasikan atribut border-style sebelum atribut border-color. Elemen harus mendapatkan garis sebelum warna diubah.
Lihat pula:
Panduan CSS:Batas CSS
Panduan CSS:Atribut border-left
Panduan HTML DOM:Atribut borderLeftColor
Contoh
Atur warna bawah garis kiri:
p { border-style:solid; border-left-color:#ff0000; }
Syntaks CSS
border-left-color: color|transparent|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
color_name | Ditetapkan warna garis bawah berdasarkan nama warna (misalnya red). |
hex_number | Ditetapkan warna garis bawah berdasarkan nilai heksadesimal (misalnya #ff0000). |
rgb_number | Ditetapkan warna garis bawah berdasarkan kode rgb (misalnya rgb(255,0,0)). |
transparent | Nilai standar. Warna garis bawah transparen. |
inherit | Ditetapkan agar warna garis bawah diwariskan dari elemen induk. |
Detil teknis
Nilai standar: | tidak disebutkan |
---|---|
Inheritance: | no |
Versi: | CSS1 |
Syntaks JavaScript: | object.style.borderLeftColor="blue" |
Contoh lainnya
- Atur warna bawah garis kiri
- Contoh ini menunjukkan bagaimana mengatur warna bawah garis kiri.
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 | 1.0 | 3.5 |
Keterangan:Internet Explorer 6 (dan versi yang lebih awal) tidak mendukung nilai atribut "transparent".
Keterangan:Peramban Internet Explorer 7 (dan versi yang lebih awal) tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".
- halaman sebelumnya border-left
- halaman berikutnya border-left-style