Kata Kunci Warna CSS
- Hal Sebelumnya Warna CSS
- Hal Berikutnya Gangguan Warna CSS
Bab ini akan dijelaskan transparent、currentcolor dan inherit Kata kunci.
Kata kunci transparent
transparent Kata kunci digunakan untuk membuat warna transparan. Ini biasanya digunakan untuk mengatur warna latar belakang transparan elemen.
Contoh
Di sini, warna latar belakang <div> elemen akan sepenuhnya transparan, dan gambar latar akan muncul:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Perhatian:transparent Kata kunci setara dengan rgba(0,0,0,0)Nilai warna RGBA adalah ekspansi nilai warna RGB, dengan jalur alpha - yang menentukan kecerahan warna. Informasi lebih lanjut lihat di CSS RGB Bab dan Warna CSS Bab.
Kata kunci currentcolor
currentcolor Kata kunci seperti variabel, yang menyimpan nilai warna atribut color elemen saat ini.
Jika Anda ingin warna tertentu tetap konsisten di elemen atau halaman, kata kunci ini sangat bermanfaat.
Contoh
Dalam contoh ini, warna garis <div> elemen akan menjadi biru, karena warna teks <div> elemen adalah biru:
div {
color: blue;
border: 10px solid currentcolor;
}
Contoh
Dalam contoh ini, warna latar belakang <div> diatur menjadi nilai warna saat ini elemen body:
body {
color: purple;
}
div {
background-color: currentcolor;
}
Contoh
Dalam contoh ini, warna border dan bayangan border <div> diatur menjadi nilai warna currentcolor elemen body:
body {
color: green;
}
div {
box-shadow: 0px 0px 15px currentcolor;
border: 5px solid currentcolor;
}
Kata kunci inherit
inherit Kata kunci menentukan bahwa properti harus mewarisi nilai dari elemen induknya.
inherit Kata kunci dapat digunakan untuk setiap properti CSS dan dapat digunakan untuk setiap elemen HTML.
Contoh
Dalam contoh ini, pengaturan border <span> akan mewarisi nilai dari elemen induk:
div {
border: 2px solid red;
}
span {
border: inherit;
}
- Hal Sebelumnya Warna CSS
- Hal Berikutnya Gangguan Warna CSS
