この道具の仕組み
圧縮はコメントと不要な空白を除去します。整形は { ; } で改行し、宣言をインデントします。
入力と結果の例
入力例
- 入力
- 圧縮された1行CSS
- 結果
- インデント付きCSS
使う前に知っておくこと
- 01入力値や前提条件によって、実際の結果と差が出る場合があります。
- 02重要な判断に使う場合は、元資料や公式情報でも確認してください。
- 03極端に大きい値や長い入力では、ブラウザの数値・処理上限の影響を受けます。
CSS整形・圧縮
CSS整形・圧縮は、CSSを読みやすく展開、または余分な空白を除いて圧縮（minify）します。 入力内容はこの端末のブラウザ内で処理し、結果と前提を同じ画面で確認できます。
入力はブラウザ内で処理登録不要最終検証 2026.07.15
入力する
見えている項目だけで使えます。
結果を見る
入力すると、すぐに更新されます。
整形結果8 行
.button {
color:#fff;
background:#0a0;
padding:8px 16px
}
.button:hover {
background:#080
}