使い方

貼り付け → 実行 → 確認 → コピー。すべてはブラウザ内で完結します。

CSS・HTML・JSON などをエディタに貼ります。アップロードはしません。

変換または実行をクリック。結果はすぐに表示されます。

生成コードと注意書きを公開前に確認します。

出力をコピーしてプロジェクトに貼り付けます。

このツールについて

圧縮された CSS や書式が崩れた CSS を、インデントの付いた規則に整えます。変更されるのは空白と構造だけで、カスケードの優先順位には影響しません。

初期の例はミニファイされたカードで、整形するとインデントが戻ります。

入力

.card{display:flex;padding:1.5rem;border-radius:.5rem;background:#fff}.card h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}

出力

.card {
  display: flex;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #fff;
}

レビュー前に整形し、ミニファイは本番ビルドのときだけ行うと管理しやすくなります。