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