CSS Formatter

このツールについて

CSSフォーマッター＆ビューティファイアは、圧縮または読みにくいCSSをクリーンで適切にインデントされたスタイルシートに変換します。メディアクエリ、疑似クラス、キーフレームアニメーション、カスタムプロパティ、ネストセレクタなど、すべての標準CSS機能に対応しています。

ミニファイモードはすべてのコメントと不要な空白を削除し、本番環境に最適な最小サイズのCSSを生成します。すべての処理はブラウザでローカルに実行されます。

使い方

1. 左の入力パネルにCSSを貼り付けます。
2. 希望のインデント（2または4スペース）を選択します。
3. 「フォーマット」をクリックして整形するか、「ミニファイ」をクリックして圧縮します。
4. 「コピー」をクリックして結果をクリップボードにコピーします。

活用事例

フロントエンド開発者がブラウザのDevToolsやレガシースタイルシートからコピーしたCSSを整形するのに使います。ミニファイ機能はCSSバンドルサイズを30〜50%削減します。

よくある質問

• SCSS/LESSに対応していますか？ — このツールは標準CSSのみをフォーマットします。SCSSやLESSには専用のフォーマッターを使用してください。
• コメントは保持されますか？ — フォーマット時にコメントは保持されます。ミニファイモードはファイルサイズ削減のためすべてのコメントを削除します。
• データは安全ですか？ — すべての処理はブラウザでローカルに実行されます。CSSはどのサーバーにも送信されません。