HTML&CSS 【CSS】text-shadowで文字に影や光彩を装飾し縁取りをつける 画像にテキストを重ねたときなど、背景とテキストの色が近い場合はテキストが読みにくくなります。 そんなときに使いたいのが、文字の縁取り（アウト...
HTML&CSS 【CSS】要素の背景にフィルター効果を加えられるbackdrop-filter 要素の背景にぼかし加工などが簡単にできるbackdrop-filterプロパティ backdrop-filterは指定した要素の下にある要素...
HTML&CSS 【CSS】フレックスボックスで横幅がコンテンツ幅になるときの対処法 答え フレックスアイテムの横幅を指定すれば解決 通常はdivやpなどのブロック要素をボーダーで囲う場合、親要素の幅と同じ幅になります。 例え...
HTML&CSS 【CSS】 100％指定したdisplay: inline-block; の横幅を元に戻す方法 答え width:auto;にすれば元に戻る 例えば、下記のようなテキストリンクをborderで囲むデザインで、スマホでは横幅は100％にし...
HTML&CSS 【CSS】背景画像の比率を保ったまま、レスポンシブ対応する方法 backgroundで表示した背景画像の比率を保ちながら、レスポンシブ対応をするには 答え aspect-ratioを使えば解決 これにより...
HTML&CSS 【CSSのみ】checkboxと送信ボタン(aタグ)の有効・無効を連動する お問い合わせフォームや、LPなどで個人情報を取得する際に、チェックボックスにチェックを入れないと次のページに進めない（ボタンが押せない）仕様...
