CSS 変数ジェネレーター
セレクターを選び、6行の変数を編集します。値を保存・送信せず、エスケープ済みまたは通常のCSSソースをコピーできます。
使い方
使い方
- 有効なCSSセレクターと変数名を入力します。
- 6つの範囲内カテゴリの値を編集します。
- ソースのみのプレビューを確認し、必要な形式をコピーします。
6つの範囲内カテゴリ
色、余白、タイポグラフィ、角丸、シャドウ、カスタムトークンは各1つの短い値を受け付けます。全入力は空白区切り100トークンまでです。
ソースのみの安全境界
プレビューは生成CSSソースを含むtextareaです。値をHTML、CSSセレクター、実行可能なマークアップとして挿入しません。
よくある質問
あわせて知りたいこと
任意のCSSを貼れますか？
いいえ。セレクター、変数名、値には形式と長さの上限があります。
入力値はアップロードされますか？
いいえ。生成とコピーはブラウザー内で行われ、保存もネットワーク通信もありません。