【css】文字カラーに透明色を指定

スポンサーリンク

CSSで文字色を透明にする

文字の色を透明にして見えなくしたい場合は、colorを下のように指定します。

color: transparent;

これで背景色が何色であっても文字が見えなくなります。ただDOM要素としては存在しているため、選択、コピーすることはできます。

ちなみに transparent は「透明な」という意味らしいです。

また、下のように透明度を指定することでも見えなくなります。

opacity: 0;

opacityは0~1の間で値を指定し、0が完全に透明、1が完全に見えた状態となります。この場合、指定した要素内がすべて透明になります。

transparent, opacityについての詳細は下記を参照してください。

- CSS: カスケーディングスタイルシート | MDN
は CSS のデータ型で、一つの色を表します。 はアルファチャネルの透過値を含むことがあり、この色を背景とどれだけ混合するかを示すこともできます。
opacity - CSS: カスケーディングスタイルシート | MDN
opacity は CSS のプロパティで、要素の不透明度を設定します。不透明度は要素の裏にあるコンテンツが隠れる度合いであり、透明度の逆です。

未経験、異業種からIT業界に転身。フロントエンジニア。主にJavascript(React.js)をつかったWEBアプリ開発にたずさわる。
お問い合わせ、ご相談など → genpsp10@gmail.com

psp7をフォロー
プログラミング
スポンサーリンク
psp7をフォロー
ハトらぼ

コメント