CSS フォーマッター

Beautify or minify CSS online. Expand rules with indented properties or compress to a single line。無料、プライベート、100%クライアントサイド。

モード

入力

出力

Local only

最近の履歴

履歴はまだありません

使い方

Paste CSS into the input box.
Choose Beautify or Minify mode.
Copy or download the formatted result.

このツールを使うタスク

CSS を Sass/SCSS に変換する

Sass は CSS を変数、ネスト、mixin、関数で拡張します。プレーンな CSS を SCSS に変換して、これらの機能を段階的に使い始めましょう。

CSS を圧縮・整形する

本番環境向けに CSS を圧縮し(空白・コメントの削除、ルールの統合)、デバッグ用に圧縮済み CSS を整形します。

このツールを使うパイプライン

CSS フォーマットと LESS 変換

パイプライン

よくある質問

Are CSS comments preserved?: Comments are removed during both beautify and minify to produce clean output. Keep your source comments in your original files.
How does minify handle selectors?: Commas between selectors are compacted (a, b to a,b) and the last semicolon before } is removed for maximum compression.

関連ツール

JSON フォーマッター

Format, minify, or sort JSON online。無料、プライベート、100%クライアントサイド。

SQL フォーマッター

Beautify or minify SQL queries online. Uppercase keywords, indent clauses, or compress to a single line。無料、プライベート、100%クライアントサイド。

HTML エンティティエンコーダー

Encode text to HTML entities online。無料、プライベート、100%クライアントサイド。