スタイルの不透明度プロパティ
例
DIV要素を透明にします。
document.getElementById("myDIV").style.opacity = "0.5";
定義と使用法
不透明度プロパティは、要素の不透明度レベルを設定または返します。
要素の不透明度レベルは、透明度レベルを表します。ここで、1はまったく透明ではなく、0.5は50%の透けて見え、0は完全に透明です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
注: IE8以前は、代替のフィルタープロパティをサポートしています。
構文
不透明度プロパティを返します。
object.style.opacity
不透明度プロパティを設定します。
object.style.opacity = "number|initial|inherit"
プロパティ値
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 |
技術的な詳細
デフォルト値: | 1 |
---|---|
戻り値: | 要素の不透明度レベルを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
CSSリファレンス:不透明度プロパティ
❮スタイルオブジェクト