Skip to main content
Utilz Utilz

CSSフォーマッター

CSSコードを即座に整形または圧縮

このツールを使う理由

  • 乱雑なCSSをクリーンで読みやすいスタイルシートに即座に整形。
  • CSSを圧縮してプロダクション用のファイルサイズを削減。
  • サーバー処理なしでブラウザ内で完全に動作。

使い方

  1. CSSコードを入力エリアに貼り付け
  2. インデントサイズ(2または4スペース)を選択
  3. 整形されたCSSが右側に自動表示
  4. 圧縮ボタンでプロダクション用CSSを生成

よくある質問

SCSSのようなネストCSSに対応していますか?

このツールは標準CSSを整形します。ネイティブCSSネストは正しく処理されます。

CSSを圧縮できますか?

はい。圧縮ボタンをクリックするとすべての空白を除去し、プロダクションに適した圧縮CSSを生成します。

メディアクエリに対応していますか?

はい。メディアクエリ、キーフレームアニメーションなど、ネストされたブロックを持つat-ruleも適切にインデントされます。

関連ツール

TOML→JSON変換

TOMLをJSON形式に変換します

JSON XML変換

JSONとXML形式を変換します

JSONスキーマ生成ツール

サンプルデータからJSONスキーマを生成します

マクロ栄養素計算機

タンパク質・炭水化物・脂質を計算

データ容量変換

データ容量の単位を変換します