Kata Kunci Warna CSS
Halaman ini akan menjelaskan transparent
, currentcolor
, dan
inherit
kata kunci.
Kata Kunci transparan
Kata transparent
kunci digunakan untuk membuat warna menjadi transparan. Ini sering digunakan untuk membuat warna latar belakang transparan untuk suatu elemen.
Contoh
Di sini, warna latar belakang elemen <div> akan sepenuhnya transparan, dan gambar latar belakang akan ditampilkan melalui:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Catatan: Kata transparent
kuncinya setara dengan rgba(0,0,0,0). Nilai warna RGBA adalah perpanjangan dari nilai warna RGB dengan saluran alfa - yang menentukan opasitas untuk warna. Baca lebih lanjut di bab RGB CSS kami dan di bab Warna CSS kami .
Kata Kunci warna saat ini
Kata currentcolor
kunci seperti variabel yang menyimpan nilai saat ini dari properti warna dari suatu elemen.
Kata kunci ini dapat berguna jika Anda ingin warna tertentu konsisten dalam elemen atau halaman.
Contoh
Dalam contoh ini warna batas elemen <div> akan menjadi biru, karena warna teks elemen <div> adalah biru:
div {
color: blue;
border: 10px solid currentcolor;
}
Contoh
Dalam contoh ini warna latar belakang <div> disetel ke nilai warna elemen tubuh saat ini:
body {
color: purple;
}
div {
background-color:
currentcolor;
}
Contoh
Dalam contoh ini warna batas dan warna bayangan <div> diatur ke nilai warna saat ini dari elemen tubuh:
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
Kata Kunci yang diwarisi
Kata inherit
kunci menentukan bahwa properti harus mewarisi nilainya dari elemen induknya.
Kata inherit
kunci dapat digunakan untuk properti CSS apa pun, dan pada elemen HTML apa pun.
Contoh
Dalam contoh ini, pengaturan batas <span> akan diwarisi dari elemen induk:
div {
border: 2px solid red;
}
span {
border:
inherit;
}