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

スポンサーリンク

CSSで文字色を透明にする

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

color: transparent;

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

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

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

opacity: 0;

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

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

color は CSS のデータ型で、 sRGB 色空間にある一つの色を表します。 color は アルファチャネル透過値を含むこともでき、背景とどのように合成するかを示すこともできます。
opacity
CSS の opacity プロパティは、要素の透明度、または要素の裏にあるコンテンツが見える度合いを設定します。

未経験、異業種からIT業界に転身。フロントエンジニア。主にJavascript(React.js)をつかったWEBアプリ開発にたずさわる。
お仕事のご依頼はこちらから → genpsp10@gmail.com

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

コメント