備忘録的プログラミングリファレンス

opacityプロパティ

 opacityプロパティは、透過度を設定できるプロパティです。

 1がdefaultで、0.5で50%、0で完全に透過します。

 このプロパティは、設定されたエレメントに含まれるエレメント、バックグランドにも影響します。

 より新しいブラウザでは、filterプロパティを使うことで表現できます。

構文(Syntax)

CSS

opacity: [ number | initial | inherit ];

DOM(JavaScript)

値の取得
object.style.opacity;
値の設定
object.style.opacity="[ number | initial | inherit ]";

Values

Value摘要
number1がdefaultで、0.5で50%、0で完全に透過します。
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

初期値(Default value)1
継承(Inherited)No
変化(Animatable)Yes

Example