opacity | スタイルシートリファレンス

適用できる要素全ての要素
継承しない
初期値1.0

opacityとは?

CSSのopacityプロパティは要素の透明度を指定するプロパティです。

opacityプロパティは0.0〜1.0の値の範囲で透明度を設定可能で、0.0が透明で、1.0が不透明となります。

opacityで指定できる値

opacityプロパティには透明度を0.0〜1.0の数値の範囲で指定します。

ちなみに0.0より小さな値を設定すると0.0に、1.0より大きな値を設定すると1.0とみなされます。

構文

opacity: 数値;

opacityを使ったサンプルコード

上記のサンプルコードではopacityプロパティがそれぞれ1、0.5、0に設定した場合のプレビューとなります。

  • 1: 不透明
  • 0.5: 半透明
  • 0: 透明
で画像が表示されることが確認できるかと思います。

opacityのブラウザ対応状況

CSSのopacityプロパティはモダンなブラウザのほぼ全てで対応しているプロパティです。opacityプロパティの各ブラウザ毎の対応状況を確認したい方は下記よりご確認頂けます。

Can I use... Support tables for HTML5, CSS3, etc