CSS opacity 属性

Definisi dan penggunaan

Atribut opacity menetapkan tingkat kecerahan elemen.

Lihat pula:

Panduan CSS:Ketepatan gambar CSS

Panduan CSS:Warna CSS

Panduan referensi HTML DOM:Atribut opacity

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 transparen) hingga 1.0 (tidak transparen). Pengujian
inherit Harus menerima nilai opacity dari elemen induk.

Detil teknis

Nilai standar: 1
Inheritsi: tidak
Versi: CSS3
Sintaks JavaScript: object.style.opacity=0.5

Contoh lebih banyak

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

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:IE8 dan versi yang lebih awal mendukung atribut filter pengganti. Contoh: filter:Alpha(opacity=50).