Fungsi rgba() CSS
- Halaman sebelumnya
- Halaman berikutnya
- Kembali ke tingkat atas Panduan Referensi Fungsi CSS
Contoh
Definisi warna RGB dengan keopakan yang berbeda (RGBA):
#p1 {background-color:rgba(255,0,0,0.3);} /* Merah dengan keopakan */ #p2 {background-color:rgba(0,255,0,0.3);} /* Hijau dengan keopakan */ #p3 {background-color:rgba(0,0,255,0.3);} /* Biru dengan keopakan */
Definisi dan Penggunaan
Fungsi rgba() menggunakan model Warna Red-green-blue-alpha (RGBA) untuk mendefinisikan warna.
Nilai warna RGBA adalah ekspansi nilai warna RGB, yang memiliki jalur keopakan warna yang dapat ditentukan.
Versi: | CSS3 |
---|
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung fungsi ini penuh.
Fungsi | |||||
---|---|---|---|---|---|
rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
Sintaks CSS
rgba(red, green, blue, alpha)
Nilai | Deskripsi |
---|---|
red | Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%. |
green | Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%. |
blue | Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%. |
alpha | Definisi kecerahan diantara angka 0.0 (sangat transparan) dan 1.0 (sangat tak transparan). |
- Halaman sebelumnya
- Halaman berikutnya
- Kembali ke tingkat atas Panduan Referensi Fungsi CSS