ihigoro https://blog.hatena.ne.jp/ihigoro/ The 復習 https://ienshu.hatenadiary.jp/ ★レスポンシブ カスタムプロパティ（CSS変数） CSS custom properties for cascading variables CSSカスタムプロパティ（CSS変数）とも呼ばれています ※バナー詳細ページの「header」「footer」の色指定変更は、この変数の値を変更するだけで可能 カスタムプロパティを定義する 利用できる範囲を設定 html全ての文書で適応したいことの方が多いので「:root」の擬似クラスで定義します :root{ /* この中に変数を定義 */ } 変数名を決める 変数名は「--」ハイフンを2つ使って定義します /* 基本色 */ :root { --main-color… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fienshu.hatenadiary.jp%2Fentry%2F2026%2F01%2F07%2F000000_1" title="カスタムプロパティ（CSS変数） - The 復習" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20241103/20241103160103.jpg Hatena Blog https://hatena.blog 2026-01-12 00:00:00 rich https://ienshu.hatenadiary.jp/entry/2026/01/07/000000_1 1.0 100%