CSSフォーマッター & プリティファイア

他の人が書いたスタイルシートを読む

圧縮されたファイルを整形すると読みやすくなりますが、元のソースと同じになるわけではありません。圧縮ツールはルールをまとめ、宣言の順序を変更するため、セレクターがグループ化され、短縮記法の値が使われた状態になります。要素にどのルールがスタイルを適用しているかを調べるには、ブラウザの開発者ツールのほうが速く、Sourcesパネルでは圧縮ファイルをその場で整形できます。2つのバージョンのスタイルシートを整形して差分チェッカーで比較すれば、更新による変更を確認できます。

整形で変更されない内容

このフォーマッターが行うのはインデントと空白の追加です。プロパティの並べ替え、スペルミスのあるプロパティ名の修正、ベンダープレフィックスの追加、重複した宣言の削除は行わないため、colour: redもそのまま通ります。引用符で囲まれた文字列内も含め、連続する空白はすべて1つにまとめられます。複数の空白に依存するcontentの値は確認してください。公開するファイルの準備ができたら、CSSミニファイアでもう一度圧縮してください。

使い方

1. 未加工または圧縮済みのCSSコードを貼り付けます。
2. 2スペースまたは4スペースのインデントを選びます。
3. 「Format CSS」をクリックし、結果をコピーまたはダウンロードします。

プライバシーと制限事項

すべてのCSS整形はお使いのブラウザ内でローカルに実行されます。