Contoh
Mengatur warna dari empat perbatasan:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti border-color menentukan warna dari elemen empat perbatasan. Properti ini dapat memiliki dari satu sampai empat nilai.
contoh:
- border-color:red green blue pink;
- batas atas adalah merah
- batas kanan hijau
- batas bawah adalah biru
- perbatasan kiri adalah merah muda
- border-color:red green blue;
- batas atas adalah merah
- perbatasan kanan dan kiri berwarna hijau
- batas bawah adalah biru
- border-color:red green;
- batas atas dan bawah merah
- perbatasan kanan dan kiri berwarna hijau
- border-color:red;
- keempat perbatasan merah
Note: Selalu menyatakan properti border-style sebelum properti border-color. Sebuah elemen harus memiliki perbatasan sebelum Anda dapat mengubah warna.
| nilai default: | The current color of the element |
|---|---|
| mewarisi: | no |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.borderColor="#FF0000 blue" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Internet Explorer 6 (and earlier versions) tidak mendukung nilai properti "transparent" .
CSS Syntax
border-color:color|transparent|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| color | Menentukan warna latar belakang. Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna. warna default hitam | Mainkan " |
| transparent | Menentukan bahwa warna perbatasan harus transparan | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Border
Referensi HTML DOM: borderColor property