CSS opacity özelliği

Tanım ve kullanım

opacity özelliği, elementin şeffaflık seviyesini ayarlar.

Ayrıca bkz.:

CSS Eğitimleri:CSS 图像透明度

CSS Eğitimleri:CSS Renkleri

HTML DOM Referans Kılavuzu:opacity özelliği

Örnek

div elementinin şeffaflık seviyesini ayarlayın:

div
{
opacity:0.5;
}

Kişisel olarak deneyin

Bu sayfanın altında daha fazla örnek bulabilirsiniz.

CSS dilbilgisi

opacity: değer|inherit;

Özellik değeri

Değer Açıklama Test
değer Şeffaflığı belirtir. 0.0 (tamamen şeffaf) ile 1.0 (tamamen mat) arasında değişir. Test
inherit Özellikle ana elementten şeffaflık özelliği değerini miras almalıdır.

Teknik ayrıntılar

Varsayılan değer: 1
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.opacity=0.5

Daha fazla örnek

Elementin şeffaflığını değiştirmek
Bu örnek, JavaScript kullanarak elementin şeffaflığını nasıl değiştireceğinizi gösterir.

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

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

Yorum:IE8 ve daha eski sürümler alternatif filter özelliğini destekler. Örneğin: filter:Alpha(opacity=50).