Style opacity özelliği

Tanım ve Kullanım

opacity Özellik, elementin şeffaflık seviyesini ayarlar veya döndürür.

Elementin şeffaflık seviyesi (opacity-level) şeffaflık seviyesini açıklar, 1 Tamamen matı temsil eder0.5 50% şeffaflığı temsil eder0 Tamamen şeffafı temsil eder.

Ayrıca bkz：

CSS Referans Kılavuzu：Opacity özelliği

Örnek

DIV elementinin şeffaflığını yapın：

document.getElementById("myDIV").style.opacity = "0.5";

Kişisel olarak deneyin

Sözdizimi

Opacity özelliğini döndürür：

object.style.opacity

Opacity özelliğini ayarla：

object.style.opacity = "number|initial|inherit"

Özellik değeri

Değer Açıklama
number Şeffaflığı belirler. 0.0'dan (tamamen şeffaf) 1.0'a (tamamen mat) kadar.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： 1
Dönüş değeri： Dizge, elementin şeffaflık seviyesini belirtir.
CSS sürümü: CSS3

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek