Tutorial CSS

RUMAH CSS Pengenalan CSS Sintaks CSS Pemilih CSS CSS Bagaimana caranya? Komentar CSS Warna CSS Latar Belakang CSS Batas CSS Margin CSS Lapisan CSS Tinggi/Lebar CSS Model Kotak CSS Garis Besar CSS Teks CSS Font CSS Ikon CSS Tautan CSS Daftar CSS Tabel CSS Tampilan CSS CSS Max-lebar Posisi CSS indeks Z CSS CSS Meluap CSS Float CSS Inline-blok Perataan CSS Penggabung CSS Kelas Pseudo CSS CSS Pseudo-elemen Opasitas CSS Bilah Navigasi CSS Dropdown CSS Galeri Gambar CSS Sprite Gambar CSS Pemilih Attr CSS Formulir CSS Penghitung CSS Tata Letak Situs Web CSS Unit CSS Kekhususan CSS CSS !penting Fungsi Matematika CSS

CSS Lanjutan

Sudut Bulat CSS Gambar Perbatasan CSS Latar Belakang CSS Warna CSS Kata Kunci Warna CSS Gradien CSS Bayangan CSS Efek Teks CSS Font Web CSS Transformasi 2D CSS Transformasi 3D CSS Transisi CSS Animasi CSS Tips Alat CSS Gambar Gaya CSS Refleksi Gambar CSS Kesesuaian objek CSS Posisi objek CSS Penyamaran CSS Tombol CSS Paginasi CSS CSS Beberapa Kolom Antarmuka Pengguna CSS Variabel CSS Ukuran Kotak CSS Kueri Media CSS Contoh MQ CSS CSS Flexbox

CSS Responsif

Perkenalan RWD Area Pandang RWD Tampilan Kotak RWD Kueri Media RWD Gambar RWD Video RWD Kerangka RWD Template RWD

Kotak CSS

Pengenalan kisi-kisi Wadah Kotak Item Kotak

CSS SASS

Tutorial SASS

Contoh CSS

Template CSS Contoh CSS kuis css Latihan CSS Sertifikat CSS

Referensi CSS

Referensi CSS Pemilih CSS Fungsi CSS Referensi CSS Aural Font Aman Web CSS CSS Animasi Unit CSS Konverter CSS PX-EM Warna CSS Nilai Warna CSS Nilai Default CSS Dukungan Peramban CSS

Kata Kunci Warna CSS


Halaman ini akan menjelaskan transparent, currentcolor, dan inheritkata kunci.


Kata Kunci transparan

Kata transparentkunci 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 currentcolorkunci 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 inheritkunci menentukan bahwa properti harus mewarisi nilainya dari elemen induknya.

Kata inheritkunci 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;
}