CSS to JS スタイルオブジェクトコンバーター

使い方

1. 入力ボックスに CSS 宣言を貼り付けます。
2. 各プロパティは camelCase に、各値は文字列として引用符で囲まれます。
3. 出力ボックスから生成されたスタイルオブジェクトをコピーします。

よくある質問

プロパティ名はどう変換されますか?

ハイフン付きプロパティは camelCase になります(font-size → fontSize)。ベンダープレフィックスは React のルールに従い、-webkit- は Webkit、-ms- は小文字の ms のままです。

CSS カスタムプロパティはどうなりますか?

--main-color のような変数は名前を保持し、引用符付きのキーになります。React がそのまま適用するためです。

値は数値に変換されますか?

いいえ。すべての値は引用符付き文字列として出力され、常に有効です。単位なしの数値が必要な場合は手動で引用符を外してください。

私の CSS はどこかに送信されますか?

いいえ。変換は完全にブラウザ内で行われ、何もアップロードされません。

関連ツール