使い方
- CSS、SCSS、または Less を貼り付けます。
- 言語とインデントを選びます。
- 「整形」をクリックするか、Ctrl+Enter（Mac では ⌘+Enter）を押します。
- 整形されたスタイルシートをコピーします。
オプションの説明
- 言語
- CSS、SCSS、Less のいずれか。変数（$gap、@gap）やネストしたルールを正しく解釈できるよう、合ったものを選んでください。
- インデントと行の幅
- ネストしたルールや宣言のインデントと、長いセレクターのリストや値を折り返す幅です。
使用例
圧縮されたフレームワークの CSS。 1 行にまとまった .min.css ファイルを貼り付けると、ルールを 1 つずつ読めるようになります。
SCSS の整理。 インデントがばらばらなネストした SCSS を貼り付けると、スペース 2 個でそろったネストになります。
よくある質問
整形で何が変わりますか？
宣言を 1 行ずつに分け、コロンや波かっこの前後の空白をそろえ、16 進カラーを小文字にし、連続する空行を 1 行にまとめます。プロパティの順序や値は変わりません。
Web サイトの圧縮された CSS を元に戻せますか？
はい。圧縮されたファイルを貼り付けて「整形」をクリックしてください。ただし、圧縮時に削除されたコメントは復元できません。
コードはアップロードされますか？
いいえ。整形はブラウザ内で行われます。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。