インラインスタイル CSS抽出器
HTMLの各要素に書き込まれたstyle属性を、クラス名を用いた外部CSSルールに整理・分離
マークアップコードの中に混在したインラインスタイルを取り除き、クリーンなCSSとHTMLにリファクタリングします。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- インラインスタイルが含まれるHTMLを貼り付けます。
- 生成するクラス名の接頭辞を指定します。
- 変換を実行し、クラス化されたHTMLと抽出されたCSSを受け取ります。
よくある質問
- 既存のクラスはどうなりますか？
- 既存のクラスを削除せず、末尾に新たな自動生成クラスを追加するため崩れはありません。
- 複数のタグがまったく同じ内容のインラインスタイルを持っている場合、クラスは1つにまとめられますか?
- いいえ、このツールはタグごとに新しいクラス名を割り当てるため、スタイル内容が完全に同じでも別々のクラスとして生成されます。重複するクラスを1つにまとめたい場合は、変換後のCSS結果から同じ宣言を持つクラスを手動で探して整理する必要があります。
- 複数のタグがまったく同じ内容のインラインスタイルを持っている場合、クラスは1つにまとめられますか?
- いいえ、このツールはタグごとに新しいクラス名を割り当てるため、スタイル内容が完全に同じでも別々のクラスとして生成されます。重複するクラスを1つにまとめたい場合は、変換後のCSS結果から同じ宣言を持つクラスを手動で探して整理する必要があります。