CSS変数

Web 更新: 2026-10-21

CSSそのものに書ける変数。--primary: #4a8と定義し、color: var(--primary)で使う。

Sassの変数とは違い、CSS変数は動的だ。JavaScriptから書き換えられ、カスケードを通じて継承され、スコープも尊重される。現代のテーマ切り替えやダークモード実装を支える仕組みである。