Warna Perbatasan CSS
Warna Perbatasan CSS
Properti border-color
ini digunakan untuk mengatur warna dari empat perbatasan.
Warna dapat diatur dengan:
- name - tentukan nama warna, seperti "merah"
- HEX - tentukan nilai HEX, seperti "#ff0000"
- RGB - tentukan nilai RGB, seperti "rgb(255,0,0)"
- HSL - tentukan nilai HSL, seperti "hsl(0, 100%, 50%)"
- transparan
Catatan: Jika border-color
tidak disetel, itu mewarisi warna elemen.
Contoh
Demonstrasi warna perbatasan yang berbeda:
p.one
{
border-style: solid;
border-color: red;
}
p.two
{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color:
blue;
}
Hasil:
Red border
Green border
Blue border
Warna Samping Spesifik
Properti border-color
dapat memiliki satu hingga empat nilai (untuk batas atas, batas kanan, batas bawah, dan batas kiri).
Contoh
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
Nilai HEX
Warna batas juga dapat ditentukan menggunakan nilai heksadesimal (HEX):
Contoh
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
Nilai RGB
Atau dengan menggunakan nilai RGB:
Contoh
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
Nilai HSL
Anda juga dapat menggunakan nilai HSL:
Contoh
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
Anda dapat mempelajari lebih lanjut tentang nilai HEX, RGB, dan HSL di bab Warna CSS kami.