サイトアイコン WEB-Geek-Site.com

opacity |CSSリファレンス


[ opacity ]

 

透明度を指定する。

透明効果がオブジェクト全体に均一に適用される。
オブジェクト全体ではなく、背景色やボーダー色に個別に適用したい場合には、rgba()で指定する。


■透明度の値
0.0(完全に透明)~1.0(完全に不透明)の範囲で指定 *初期値は1


■使用例/CSS

p.sample1 {background-color: rgb(255,230,230);} 
p.sample2 {opacity:0.7; background-color: rgb(255,230,230);} 
p.sample3 {opacity:0.5; background-color: rgb(255,230,230);}
p.sample4 {opacity:0.3; background-color: rgb(255,230,230);} 

 

■見本

opacityプロパティの適用なし

opacity:0.7; を段落全体に指定

opacity:0.5; を段落全体に指定

opacity:0.3; を段落全体に指定

モバイルバージョンを終了