Stil opaklığı Özellik
Örnek
Bir DIV öğesini şeffaf yapın:
document.getElementById("myDIV").style.opacity = "0.5";
Tanım ve Kullanım
opacity özelliği, bir öğenin opaklık düzeyini ayarlar veya döndürür.
Bir öğenin opaklık düzeyi, 1'in hiç saydam olmadığı, 0,5'in %50 şeffaflık ve 0'ın tamamen saydam olduğu saydamlık düzeyini tanımlar.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Not: IE8 ve önceki sürümler, bir alternatif olan filtre özelliğini destekler.
Sözdizimi
opacity özelliğini döndürün:
object.style.opacity
Opaklık özelliğini ayarlayın:
object.style.opacity = "number|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 1 |
---|---|
Geri dönüş değeri: | Bir öğenin opaklık düzeyini temsil eden bir Dize |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: opaklık özelliği
❮ Stil Nesnesi