CSS基礎 練習問題 26：CSSの透明度指定（opacity）
要素の透明度を50%にして半透明にしたい場合、正しいCSSの書き方はどれか。
- opacity: 0.5;
- opacity: 50;
- visibility: 0.5;
- transparency: 50%;
- opacity: 50px;
正解と解説を見る
正解：opacity: 0.5;
opacityプロパティは0から1の範囲の数値で透明度を指定し、0.5は50%の不透明度、つまり半透明を意味します。
【正解の理由】
opacityは0（完全に透明）から1（完全に不透明）までの数値で指定するプロパティで、0.5と指定すると要素全体が半透明になります。単位は不要です。
【不正解の理由】
• 「opacity: 50;」：opacityの値は0〜1の範囲の小数で指定する必要があり、50は範囲外で無効
• 「visibility: 0.5;」：visibilityは表示・非表示を切り替えるプロパティであり、数値による透明度指定はできない
• 「transparency: 50%;」：transparencyというCSSプロパティは存在しない
• 「opacity: 50px;」：opacityはpxのような単位を持つ値ではなく、0〜1の無単位の数値で指定する