CSSで文字色を透明にする
文字の色を透明にして見えなくしたい場合は、colorを下のように指定します。
color: transparent;
これで背景色が何色であっても文字が見えなくなります。ただDOM要素としては存在しているため、選択、コピーすることはできます。
ちなみに transparent は「透明な」という意味らしいです。
また、下のように透明度を指定することでも見えなくなります。
opacity: 0;
opacityは0~1の間で値を指定し、0が完全に透明、1が完全に見えた状態となります。この場合、指定した要素内がすべて透明になります。
transparent, opacityについての詳細は下記を参照してください。
- CSS: カスケーディングスタイルシート | MDN
は CSS のデータ型で、一つの色を表します。 はアルファチャネルの透過値を含むことがあり、この色を背景とどれだけ混合するかを示すこともできます。
opacity - CSS: カスケーディングスタイルシート | MDN
opacity は CSS のプロパティで、要素の不透明度を設定します。不透明度は要素の裏にあるコンテンツが隠れる度合いであり、透明度の逆です。
コメント