ツールを実行
CSS Formatterは、CSSコードを読みやすく整形したり、余白を削除して軽量化（圧縮）したりできるオンラインツールです。インデント幅は0から8文字までの範囲で数値を指定でき、未指定や範囲外の場合は標準の2スペースが適用されます。整形モードでは規則的な改行と字下げを行い、CSSプロパティを視認しやすく整理します。圧縮モードではブロックコメントの除去やセレクタ・宣言ブロック前後の不要な空白を削除し、ファイル容量を抑えます。最大1,000,000 UTF-8バイトまでのCSSコードに対応しており、日々のコーディングやコードレビュー前の書式統一、本番配置前の軽量化作業に活用できます。
使い方
- 「CSS入力」欄に整形または圧縮したいCSSコードを貼り付けます。
- 「インデント幅」で字下げのスペース数（0から8）を設定します（標準は2）。
- 「処理モード」で整形（beautify）または圧縮（minify）を選択します。
- 変換を実行すると、指定した形式に整形されたコードが結果エリアに表示されます。
- 出力されたCSSコードをコピーして利用します。
使用例
- 1行に圧縮されたCSS（body{color:#333;margin:0;}）を入力し、インデント幅を「2」、モードを「beautify」に指定して実行すると、各プロパティが改行および2スペースで字下げされた読みやすい形式に展開されます。
- 複数行でコメント付きのCSS（/* メイン */ h1 { font-size: 24px; }）を入力し、モードを「minify」に指定して実行すると、コメントと不要な空白が削除され、1行に圧縮されたCSSが出力されます。
よくある質問
インデント幅にはどのような値を指定できますか？
0から8までの整数を指定できます。未入力の場合や範囲外の数値を入力した場合は、自動的に標準値である2スペースが適用されます。
圧縮モード（minify）では何が削除されますか？
ブロックコメント（/* ... */）のほか、波括弧やセミコロン、コロンの前後に含まれる余分な空白や改行が削除されます。
処理できるCSSのサイズに上限はありますか？
最大1,000,000 UTF-8バイト（約1MB）までのCSSコードに対応しています。これを超える大きさの入力は処理前にエラーとなります。
構文エラーや標準規格への準拠性チェックは行われますか？
本ツールはコードの整形および空白の圧縮を行うものであり、構文バリデーションやCSS規格への適合性チェックは行いません。