Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti opacity menetapkan tingkat opacity untuk elemen.
The opacity tingkat menggambarkan transparansi tingkat, di mana 1 tidak transparan sama sekali, 0,5 adalah 50% tembus, dan 0 adalah benar-benar transparan.
| nilai default: | 1 |
|---|---|
| mewarisi: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.opacity="0.5" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Catatan: IE8 dan versi sebelumnya mendukung alternatif, properti filter. Seperti: filter:Alpha(opacity=50) .
CSS Syntax
opacity:number|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| number | Menentukan opacity. Dari 0,0 (fully transparent) ke 1,0 (fully opaque) | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Cara menggunakan JavaScript untuk mengubah opacity untuk elemen:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} Cobalah sendiri " Pages terkait
CSS tutorial: CSS Gambar Opacity / Transparency
Referensi HTML DOM: opacity property