CSS CSS(, , )

CSSカスタムプロパティは、セレクタースコープ（通常はグローバル可用性のために:root）で--プレフィックスを使用して定義されます：:root { --color-primary: #667eea; }。var()関数を使用してアクセスします：color: var(--color-primary)。変数は他のCSSプロパティと同様にカスケードおよび継承されるため、:rootで定義するとどこでも利用可能になります。また、テーマ化のために任意のセレクタースコープで上書きできます：.dark-theme { --color-primary: #90cdf4; }。変数は他の変数を参照することもできます：--color-hover: var(--color-primary)。テーマ化の場合、すべての変数を:rootに定義し、テーマクラスで上書きします。JavaScriptでは、document.documentElement.style.setProperty('--color-primary', '#000')のように変数を読み取り、設定することができます。SassやLessなどのプリプロセッサ変数とは異なり、CSSカスタムプロパティは動的であり、実行時に変更できます。また、すべてのモダンブラウザでサポートされています。