CSSフォーマッター＆ミニファイヤー

ブラウザベースのCSSツールで、乱れたCSSを適切なインデントで整形したり、コメント、空白、不要な文字を除去して本番用に最小化したりできます。リアルタイムでサイズ削減効果を表示します。

このCSSフォーマッターを使用する理由

• 整形または最小化 — 1つのツールで2つのモードを利用できます。
• コメント除去 — 最小化モードではすべてのCSSコメントを自動的に削除します。
• サイズ統計 — 入力/出力サイズと削減率を一目で確認できます。
• 依存関係なし — 完全にブラウザ内で動作します。

主な機能

• スマートインデント: インデントは{ / }のネストの深さを2スペースのタブで追跡します。
• プロパティ分割: 各宣言は;の後に改行されます。
• コメント削除: ミニファイアは全ての/* */ブロックコメントを取り除きます。
• 空白圧縮: 複数のスペースを圧縮し、{};:,の前後のスペースを削除します。

仕組み

フォーマッタはCSSを一文字ずつ処理します:
{
はインデントを増やして新しい行を開始し、
}
はインデントを減らし、
;
は改行を引き起こします。ミニファイアは正規表現を使用してコメントを取り除き、空白を圧縮し、構造的な文字の前後のスペースを削除します。

CSSフォーマッタを試す

CSSを貼り付け、「フォーマット」または「ミニファイ」をクリックし、結果をコピーしてください。