CSS 整形

CSS 整形

このツールは CSS コードに適切なインデント、改行、一貫したフォーマットを追加して美しく整形します。圧縮またはフォーマットが不正な CSS を貼り付けると、きれいな読みやすい出力が得られます。

操作はブラウザでローカルに実行されます。データはアップロードされず、サーバーに保存されません。

使い方

1. CSS コードを入力エディタに貼り付けます。
2. CSS 整形をクリックしてコードを整理します。
3. 整形された CSS が適切なインデントで出力エディタに表示されます。
4. コピーでクリップボードへ、ダウンロードでファイル保存、クリアでリセット。

CSS 整形とは？

CSS 整形は CSS コードにインデントと改行を追加し、人間が読めるようにします。圧縮された CSS はファイルサイズを小さくするためにすべての空白が除去されていますが、読むのは困難です。

CSS の整形はスタイルのデバッグ、フレームワークの確認、他の開発者との協力に不可欠です。

入力に関する注意

このツールは任意の CSS 入力を受け付けます。整形ツールはすべてのスタイルとセレクタを保持し、可読性のために空白とインデントのみを変更します。

例

圧縮された CSS は整形後に読みやすくなります：

--- Minified Input ---
body{margin:0;padding:0;font-size:16px;}.container{max-width:1200px;}

--- Beautified Output ---
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.container {
  max-width: 1200px;
}