[CSS] 要素を半透明にする（opacity）

2019年3月20日2019年3月22日

背景色や画像などの要素を半透明にするには、「opacity」を使用します。

構文

opacityの構文です。

＜値＞には以下の値を指定できます。

数値	透明度を指定する （0.0「完全に透明」～1.0「不透明」）
inherit	親要素の透明度を継承する

サンプルソース

例）透明度を100%（= opacity:0.0）とする

（結果）

透明度100%です

文字も含めて完全に透明になります。

例）透明度を50%（= opacity:0.5）とする

（結果）

透明度50%です

例）透明度を0%（= opacity:1.0）とする

（結果）

透明度0%です

メモ

• opacityは色だけでなく、画像などにも指定可能です。