スタイルのopacity属性

定義と使用方法

opacity 属性が要素の不透明度レベルを設定または返します。

要素の不透明度レベル（opacity-level）は、透明度レベルを説明します。これは、 1 完全不透明を示します。0.5 50%透明を示します。0 完全に透明を示します。

他にも参照してください：

CSSリファレンスマニュアル：opacity属性

例

DIV要素を透明にします：

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

自分で試してみてください

文法

opacity属性を返します：

object.style.opacity

opacity属性を設定します：

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

属性値

値 説明
number 不透明度を規定します。0.0（完全透明）から1.0（完全不透明）までです。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： 1
戻り値： 要素の不透明度レベルを示す文字列。
CSS バージョン： CSS3

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート