CSS 変数 の regex パターン

CSS 変数 用の JavaScript regex をコピーしてテストできます。例と Regex tester へのクイックリンク付きです。

CSS 変数 の regex パターン

値全体を検証

アンカーを使って、値全体が一致するか確認します。

Regex: ^--[A-Za-z0-9_][A-Za-z0-9_-]*$

フラグ: -

テキスト内を検索

大きなテキストブロック内の一致部分を見つけます。

Regex: --[A-Za-z0-9_-]+

フラグ: g

一致する例

  • --brand-color
  • --spacing-lg

一致しない例

  • brand-color
  • -- spacing