ツール一覧

🇺🇸EN 🇯🇵JA 🇨🇳ZH 🇰🇷KO

CSSフォーマッター / ミニファイ

CSSコードを整形・美化、またはミニファイ（圧縮）します。コメント削除も対応。

入力CSS

出力

.nav {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.nav a {
  color: #3b82f6;
  text-decoration: none;
  font-size: 14px;
}

関連ツール

JavaScript コード整形 SVG圧縮 XMLフォーマッター Gitチートシート

CSSフォーマッター / ミニファイの主な使い方・用途

✓圧縮（minify）されたCSSの読み取り・整形
✓本番環境用にCSSを最小化してファイルサイズ削減
✓レガシーCSSコードのリファクタリング前確認
✓コードレビュー前の整形統一
✓フレームワークが生成したCSSの確認

使い方（ステップ別）

1
CSSを貼り付ける— 整形またはミニファイしたいCSSを入力欄に貼り付けます。
2
モードを選ぶ— 「整形（Beautify）」または「圧縮（Minify）」を選択します。
3
結果をコピーする— 変換されたCSSが右側に表示されます。

このツールの特徴

●整形（Beautify）とミニファイ（Minify）の両方に対応
●コメントの自動除去（ミニファイ時）
●インデント幅2・4スペースを選択可能
●リアルタイム変換

このツールについて

CSSコードを整形・美化、またはミニファイ（圧縮）します。コメント削除も対応。