HTML&CSS 【CSS】画像をフィルター加工できるfilterプロパティ 画像にぼかしなどのエフェクトを加えられるfilterプロパティ filterは、画像などの指定した要素にぼかし、コントラスト、明度、彩度など...
HTML&CSS 【CSS】text-shadowで文字に影や光彩を装飾し縁取りをつける 画像にテキストを重ねたときなど、背景とテキストの色が近い場合はテキストが読みにくくなります。 そんなときに使いたいのが、文字の縁取り（アウト...
HTML&CSS 【CSS】 100％指定したdisplay: inline-block; の横幅を元に戻す方法 答え width:auto;にすれば元に戻る 例えば、下記のようなテキストリンクをborderで囲むデザインで、スマホでは横幅は100％にし...
HTML&CSS 【CSS】画像の上に文字や画像、イラストなどを重ねる 画像の上に文字を重ねる方法 画像の上にテキストを重ねたい場合は、div要素（親要素）の中に画像と文字を子要素として入れ、親要素にpositi...
HTML&CSS 【CSS】フレックスボックスで横幅がコンテンツ幅になるときの対処法 答え フレックスアイテムの横幅を指定すれば解決 通常はdivやpなどのブロック要素をボーダーで囲う場合、親要素の幅と同じ幅になります。 例え...
