メインコンテンツへスキップ
Z

CSSフォーマッター・圧縮ツール

CSSコードをブラウザ上で整形または圧縮。無料・登録不要・アップロード不要。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

フォーマッターを読み込み中…

使い方

  1. 1 CSSコードを貼り付けます。
  2. 2 読みやすく整形したい場合はBeautify、空白やコメントを取り除きたい場合はMinifyを選びます。
  3. 3 結果をコピーするか、ファイルとしてダウンロードします。

このツールを使う理由

  • js-beautifyライブラリを使用しています。
  • 圧縮済みCSSの整形、整形済みCSSの圧縮のどちらにも対応しています。
  • 処理はすべてクライアント側で完結し、アップロードは一切行いません。
  • 整形モードではセレクタごとに改行するため、git diffとの相性が良好です。

よくある質問

このツールはSCSS / SASS / LESSにも対応していますか?

純粋なCSSのみに対応しています。プリプロセッサ独自の構文(ネストや@mixinなど)はサポートされていないため、事前にCSSへコンパイルしてください。

CSS変数や@mediaクエリはそのまま保持されますか?

はい。カスタムプロパティ、メディアクエリ、コンテナクエリ、at-ruleはすべてそのまま維持されます。

Minifyモードはどの程度まで圧縮されますか?

すべてのコメントを削除し、空白をまとめ、末尾の「}」の直前にある不要なセミコロンを取り除きます。適用されるのは安全な変換のみで、セレクタ名の変更やショートハンドプロパティへの統合は行いません。

CSSフォーマッター・圧縮ツール とは?

CSS Formatterは、CSSのルールを整形(beautify)または圧縮(minify)できるツールです。整形モードではセレクタ、プロパティ、宣言(declaration)にインデントを付け、読みやすい構造に整えます。一方、圧縮モードでは余分な空白や改行を取り除き、CSSファイルのサイズを小さくします。すべての処理はブラウザ内で完結し、登録もサーバーへのアップロードも不要です。CSSの処理はすべてお使いの端末上でローカルに行われます。

CSSフォーマッター・圧縮ツール と他の選択肢の比較

CSSフォーマッター・圧縮ツール と一般的なブラウザ・デスクトップの代替ツールを比較 — 機能を一目で比較できます。
機能 Zerethon Tools 一般的なオンラインツール デスクトップアプリ
Signup required No Sometimes No (IDEs)
CSS leaves device No Yes No
Beautify + minify Both Sometimes Both
Free Yes Yes (with ads) Often paid
Works offline Yes (after load) No Yes
概要

CSSフォーマッター・圧縮ツール は Zerethon Tools が提供する無料の 開発者 ユーティリティです。CSSコードをブラウザ上で整形または圧縮。無料・登録不要・アップロード不要。. ブラウザ上で完全に動作します — 登録不要、アップロード不要。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。CSSフォーマッター・圧縮ツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す