Properti opacity CSS

Definisi dan penggunaan

Atribut kecerahan menetapkan tingkat kecerahan elemen.

Lihat pula:

Panduan CSS:Transparansi gambar CSS

Panduan CSS:Warna CSS

Panduan referensi HTML DOM:Atribut kecerahan

Contoh

Atur tingkat kecerahan elemen div:

div
{
opacity:0.5;
}

Coba sendiri

Anda dapat menemukan contoh lebih banyak di bawah halaman ini.

Sintaks CSS

opacity: value|inherit;

Nilai atribut

Nilai Deskripsi Pengujian
value Tentukan kecerahan. Dari 0.0 (sangat transparan) hingga 1.0 (tidak transparan). Pengujian
inherit Harus menerima nilai kecerahan atribut dari elemen induk.

Detil teknis

Nilai default: 1
Inheritance: tidak
Versi: CSS3
Sintaks JavaScript: object.style.opacity=0.5

Contoh lebih banyak

Mengubah kecerahan elemen
Contoh ini menunjukkan bagaimana cara menggunakan JavaScript untuk mengubah kecerahan elemen.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Keterangan:Versi IE8 dan yang lebih awal mendukung atribut filter alternatif. Contoh: filter:Alpha(opacity=50).