opacity プロパティ
opacity プロパティは、透過度を指定する CSS のプロパティです。
１がdefaultで、0.5で50%、0で完全に透過します。
このプロパティは、設定されたエレメントの全体が透過されます。そのために含まれるエレメントの内容、バックグランドにも影響します。
より新しいブラウザでは、filterプロパティを使うことで表現できます。 filterプロパティはエレメント全体が透過されません。
opacity: 0.5;
Exampleをみる
ページ内 Index
構文(Syntax)
CSS
opacity: [ number | initial | inherit ];
DOM ( JavaScript )
object.style.opacity;
object.style.opacity="[ number | initial | inherit ]";
値（Values）
以下は opacity プロパティに指定できる値です。
| Value | 摘要 |
|---|---|
| number | １がdefaultで、0.5で50%、0で完全に透過します。 |
| initial | 初期値に戻す。 |
| inherit | 親エレメントのプロパティを継承。 |
備考（Remarks）
| 初期値（Default value） | 1 |
| 継承（Inherited） | No |
| 変化（Animatable） | Yes |
Example
opacity プロパティの例です。
opacity プロパティによって透過度を指定することができます。
以下の例は、透過率を50%で指定しています。指定したエレメント全体が透過されるので、その内容も透過されます。