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