💻
開発者ツール
開発者ツール
CSS整形・圧縮機能
CSS Formatter · CSS Minifier — 乱れたCSSを正しいインデントで整形(Beautify)、または空白·コメントを除去してファイルサイズを最小化(Minify)します。 整形はjs-beautify、圧縮は最適化アルゴリズムを使用。 結果を即時コピー可能。無料オンラインCSSフォーマッター。
使い方
① 整形または圧縮するCSSを入力欄に貼り付けます。 ②「整形する」または「圧縮する」ボタンをクリックします。 ③ 結果が下部に表示されます。 ④ コピーボタンで結果をクリップボードに保存します。
こんな時に使えます
• 圧縮されたCSSライブラリコードを読みやすく変換したいとき • 本番デプロイ前にCSSを最小化してロード速度を上げたいとき • コードレビュー前にCSS構造を明確に把握したいとき • メールテンプレート・インラインCSSを整理したいとき
よくある質問
- Q. CSS変数やメディアクエリにも対応していますか？
- A. はい、CSS変数（--var）、メディアクエリ、ネストセレクターなど現代のCSS文法をすべてサポートしています。
- Q. 圧縮時にコメントも削除されますか？
- A. はい、圧縮モードではコメントと不要な空白がすべて削除されます。
- Q. SCSSやLESSも処理できますか？
- A. 整形（Beautify）機能はSCSS・LESSの構文もある程度処理できますが、完全なサポートは保証しません。
- Q. CSS圧縮(Minify)時にコメントはどう処理されますか？
- A. Minify時にすべてのコメントが削除されます。重要なライセンスコメントなどは圧縮前に別途保管してください。
- Q. CSSメディアクエリ(@media)とCSS変数(var())も整形·圧縮できますか？
- A. はい。メディアクエリ、CSS変数(var())、calc()、@keyframesなど最新のCSS文法をすべてサポートしています。