CSSビューティファイアー — CSSをオンラインで整形・圧縮
CSSコードを即座に整形または圧縮します。適切なインデントでCSSを読みやすくフォーマットするか、本番環境用に圧縮します。
入力
モード
出力
CSSビューティファイアーとは？
CSSビューティファイアーは、生のCSSコードや圧縮されたCSSコードを適切なインデントと一貫したスペーシングを持つクリーンで読みやすい構造にフォーマットするツールです。
同じツールでCSSを圧縮することもできます — コメント、余分な空白、不要な文字を除去してファイルサイズを削減します。
CSSビューティファイアーの使い方
1
CSSコードを貼り付ける
CSSを入力エディタに貼り付けてください。
2
整形または圧縮モードを選択する
整形を選択してフォーマット済みCSSを取得するか、圧縮を選択して本番用に圧縮します。
3
結果をコピーまたはダウンロードする
コピーボタンまたはダウンロードボタンを使ってCSSを保存してください。
CSS整形の例
圧縮されたCSSと整形された出力の例を示します:
圧縮CSS（入力）
CSS入力
よくある質問
CSSビューティファイアーはコードを検証しますか？
いいえ、ビューティファイアーは構造的にフォーマットするだけです。完全な検証にはCSSバリデーターを使用してください。
整形によってCSSの動作が変わりますか？
いいえ。空白とフォーマットのみが変更されます。
CSSコメントは圧縮時に削除されますか？
はい。すべての/* ... */コメントが削除されます。
SCSSやLESSに使えますか？
標準CSSを処理します。SCSS/LESSには専用ツールをお勧めします。
関連ツール
成功
警告