CSS

HTML/CSS/Sass

【CSS】枠線の付け方3つ(内側も含む)

「CSSで枠線をつけるといえばborder!」ではありますが、borderだと思い通りのスタイルにならないこともしばしば。。そこで、私が用途に合わせて使い分けている、枠線の付け方を紹介します。 枠線を表現できるプロパティ3つ ...
HTML/CSS/Sass

本番環境にデプロイしたらTailwind CSSが効かない時に確認すること

tailwindを使用していた時に、本番環境やdev環境にデプロイしたらスタイルが効いてない時がありました。そんな時に確認することを2つ紹介します。 tailwindcss.config.jsのpurge設定を見直す tail...
HTML/CSS/Sass

モーダル内のみスクロールする方法

モーダルを表示させたときに、モーダル内のみスクロール可能にしたくて調べたので、その記録です。 やり方 CSSで調整する!以下のモーダルのエレメントにプロパティを追加すればOK。 overflow: auto; overf...
HTML/CSS/Sass

【HTMLとCSS】オンオフ切り替えボタン(Googleっぽいやつ)

Googleっぽいオンオフ切り替えボタンが作りたくなったので、自分で実装してみました。コードも含めて紹介していきます。 ざっくり方針 inputのcheckboxタイプを使って実装します。CSSクラスの切り替えで操作することも...
HTML/CSS/Sass

【初心者向け・CSS】2つ以上の指定するClass名をもつ要素にスタイルを適用する方法(AND条件、かつ)

先日、クラスをAND条件で指定してスタイルを適用する際に少し躓いたので記事にしました。 sample1とsample2というクラスがあると仮定して、説明します。 「sample1」と「sample2」のどちらのクラスも...
スポンサーリンク
タイトルとURLをコピーしました