CSS整形·圧縮
1行に圧縮されたCSSを見やすくインデントしたり、逆にミニファイして1行にします。@media クエリ·ネスト規則·コメントすべてに対応します。
入力CSS
結果
使い方
1
モード選択
「整形(Beautify)」または「圧縮(Minify)」をタブで選択。整形はインデント追加、圧縮は空白·改行削除です。
2
CSSを入力
左側にCSSコードを貼り付け。結果が右側にリアルタイム表示されます。
3
オプション調整·コピー
インデント幅(2文字·4文字·タブ)を選択可能。圧縮モードでは「コメント削除」オプションも使用できます。
よくある質問
@mediaクエリも整形される？
はい。@media·@supports·@keyframes·@font-faceなどネスト規則もインデント深度に合わせて整形されます。波括弧深度を追跡して自動計算。
コメントはどう扱う？
整形モードはコメントを保持し適切な位置に表示。圧縮モードは「コメント削除」オプション(既定オン)で全削除、オフで保持されます。
CSS minify時にどんな最適化？
本ツールは 1) コメント削除 2) 連続空白を単一空白に 3) 句読点({} :;,)周辺の空白除去 4) 末尾のセミコロン削除 を適用。「0px→0」「#ffffff→#fff」のような値レベル最適化は適用しません(原本正確性優先)。
不正なCSSでも処理される？
本ツールはトークンベースのフォーマッタで、閉じ括弧抜けや構文違反があっても処理は試みます(インデント深度がずれる可能性あり)。正確な検証はW3C CSS Validatorを使用してください。
サーバーに送信されますか？
いいえ。すべての変換はブラウザ内で行われ、入力したCSSが外部に送信されることはありません。
