最新のWeb開発のチュートリアル
 

Style opacity Property

<スタイルオブジェクト

DIV要素を透明にします:

document.getElementById("myDIV").style.opacity = "0.5";
»それを自分で試してみてください

定義と使用法

不透明度プロパティは、要素の不透明度を設定または返します。

要素の不透明度レベルは0.5は、50%のシースルーであり、0は完全に透明であり、1が全くtransperantされていない透明度レベルを、記載されています。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

不透明度プロパティは、すべての主要なブラウザでサポートされています。

注意:IE8以前では、代替、フィルタのプロパティをサポートしています。


構文

不透明度プロパティを返します:

object .style.opacity

不透明度プロパティを設定します。

object .style.opacity=" プロパティ値
説明
number 不透明度を指定します。 0.0から(fully transparent)から1.0 (fully opaque)
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

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

関連ページ

CSSリファレンス: opacity property


<スタイルオブジェクト