セレクター、ルールブロック、at-rule（@media、@keyframes、@supports）、コメント、ネストされたルールなど、あらゆる CSS 構文を適切なインデントで正しく処理します。
出力は色分けされます。セレクター、プロパティ名、値、at-rule、コメント、CSS カスタムプロパティ、色リテラルがそれぞれ視覚的に区別され、整形後のコードをひと目で把握できます。
Minify ボタンは、CSS からすべての空白、コメント、不要なセミコロンを取り除きます。バンドラーが生成する結果を確認したり、小さなスニペットを素早くミニファイしたりするのに最適です。
CSS の整形はすべてブラウザー内で完結します。サーバーには一切送信されません。コードは非公開のまま保たれ、ツールはオフラインでも動作します。
CSS フォーマッターは、生の CSS やミニファイされた CSS を受け取り、一貫したインデント、スペース、改行を付けて読みやすく整形します。スタイルの適用方法は変えず、開発者向けに見た目の構造だけを整えます。
いいえ。ブラウザーは、ミニファイされていても美しくインデントされていても、CSS を同じ方法で解析します。変わるのは開発者の体験だけです。整形された CSS は、読む・デバッグする・保守するのがはるかに簡単になります。
はい。--primary-color: #00e5b8 のような CSS カスタムプロパティも正しく処理され、出力では専用の色でハイライトされます。
はい。@media、@keyframes、@supports、@import、@font-face を含むすべての at-rule がサポートされています。ネストされたルールは自動的にもう一段深くインデントされます。
CSS のミニファイは、不要な空白やコメントをすべて取り除いてファイルサイズを削減し、ページの読み込み速度を向上させます。このツールの Minify ボタンを使えば、デプロイ前にミニファイ後の出力をプレビューできます。