CSS整形
1行に1宣言。あるいは全部で1行。
出力
上に貼り付けるか入力すると、ここに結果が表示されます。
ファイルは端末の外に出ません
このツールはすべてブラウザ内で動作します。貼り付けた内容は端末内で処理され、サーバーには送信されないため、トークンや鍵、未公開の文章でも安心して使えます。
使い方
- CSSを貼り付けます。
- 整形すると、セレクタと宣言がそれぞれ1行になり、ルールの間に空行が入ります。
- 圧縮すると、コメントと無意味な空白がすべて消えます。
- 結果をコピーするか保存します。
よくある質問
- 文字列やurl()の中の波かっこはどうなりますか。
- そのままです。波かっこで分割する前に文字列とコメントをひとかたまりとして読むので、content: "}" もルールが割れずに正しく整形されます。
- 圧縮しても .a .b の空白は残りますか。
- 残ります。あれは子孫セレクタで意味があり、コロンや波かっこの前後の空白には意味がありません。意味のないものだけを取り除きます。
- セミコロンを書き忘れていたら。
- 問題ありません。ブロックの最後の宣言はセミコロンを省くことが多いので、出力時に補います。
- プロパティを並べ替えたり短くしたりしますか。
- しません。まとめも短縮も移動もせず、#ffffff は #ffffff のままです。これは書いたものを整えるだけで、書き直す道具ではありません。
- 入力した内容はどこかに送られますか。
- いいえ。ブラウザの中で動くので、貼り付けた内容はお使いのパソコンから出ません。