CSS整形ツール|インデントを自動で読みやすく

圧縮されたCSSや崩れたインデントを、2スペースの読みやすい書式へブラウザ内で整形します。結果はそのままコピーでき、入力コードは送信しません。

Ctrl/⌘ + Enterでも整形できます。

このツールの使い方・詳細

🛠 使い方

入力欄へCSSを貼り付けて「整形する」を押します。セレクタと宣言ブロックが改行され、インデントは2スペースに統一されます。整形後は「コピー」からクリップボードへ移せます。整形は構文の正しさを保証するものではないため、結果は利用前に確認してください。

💡 活用シーン・ユースケース

  • 圧縮済みのCSSを読みやすい状態へ戻して調査したいとき
  • インデントの崩れたスタイルシートを書式統一したいとき
  • レビュー前にCSSの改行や空白を揃えたいとき

📚 関連知識を深める

CSSアニメーションの書き方|keyframes・イージング・終了後の状態