使い方
- CSS を貼り付けるか、
.cssファイルを開くか、サンプル（圧縮されたスタイルシート）から始めます。 - スペース 2 つ、スペース 4 つ、タブから選びます。入力すると整形された CSS が表示されます。
- コピーするか、
styles.cssとしてダウンロードします。
機能
各ルールは独立したブロックに、各宣言は独立した行になり、@media などのアットルール内のルールは 1 段深くインデントされます。セレクタ、値、コメントはそのまま保持されるため、スタイルシートの意味はまったく変わりません。
役立つ場面
- テーマ、フレームワーク、調査中のサイトの圧縮されたスタイルシートを読むとき。
- 編集前に CSS を整理して、変更が非常に長い 1 行ではなく 1 行だけに収まるようにするとき。
- 2 つのスタイルシートを比較するとき。両方を整形してから差分を取ります。
よくある質問
無効な CSS を修正できますか？
いいえ。あるものをインデントするだけで、足りない波かっこは足りないままです。ブラウザは読めない宣言を読み飛ばすため、余分な文字が壊すのは通常 1 つのルールだけで、スタイルシート全体ではありません。
プロパティを並べ替えますか？
いいえ。CSS では順序が重要な場合があるため（後の宣言が優先されます）、書かれたとおりに保持します。
後でもう一度圧縮できますか？
はい。CSS ミニファイアーで、コンパクトな 1 行に戻せます。
CSS はアップロードされますか？
いいえ。整形はブラウザ内で実行されます。