このツールの動作
読みやすい CSS が、同じように振る舞う最小の CSS になります。
a {
margin: 0 auto;
color: red;
}a{margin:0 auto;color:red}区切り記号のまわりの空白が落ち、閉じ括弧の直前の最後のセミコロンが落ち、ほかはそのまま残ります。
ライセンスのコメントは残る
/*! normalize.css v8 | MIT License */
a { color: red }/*! normalize.css v8 | MIT License */a{color:red}/*! で始まるコメントは、どの圧縮ツールも守る約束事です。「これは飾りではない」という意味を持ちます。ライセンスの表示が置かれる場所であり、ライセンスはしばしばそれがコードと一緒に旅することを求めます。以前はほかと一緒に消えていました。本物の欠陥で、このページを書く過程で見つけ、直しました。ふつうのコメントは消えます。それを求めて来られたのですから。
意味を持つ空白は残す
- 文字列の中。
content: "a b"は空白二つを保ちます。引用符の中では、空白は値です。 url()の中。 引用符の無い URL には空白も斜線もセミコロンも入りえて、そこではどれも構文ではありません。calc()の演算子のまわり。calc(100% - 10px)から空白を取れば、同じ式ではなくなり、解析できなくなります。- セレクターのあいだ。
a bは「aの中のb」です。a>b、a~b、a+bに空白は要らないので、そこは落ちます。
しないこと
これは空白を落とす道具で、それ以外のことはしません。色を短くせず、まとめ書きのプロパティを畳まず、ゼロから単位を外さず、重複した規則を統合せず、並べ替えもしません。そうした変形は cssnano や Lightning CSS のような最適化ツールのもので、どれも危うさを伴い、そしてどれも、ウェブページの入力欄にスタイルシートを貼る理由ではありません。
この場所の CSS 整形ツールは、その逆の旅です。もう一度読みたくなったときのために。
プライバシー
すべての処理はブラウザ内のJavaScriptだけで完結します。データがアップロードされることはないため、機密情報でも安心して利用でき、オフラインでも動作します。