メインコンテンツにスキップ

インデントの選択、応答性の高いメディア クエリの例、結果の複製をサポートして、オンラインで CSS をフォーマットまたは縮小します。スタイルはテキストとしてのみ処理され、現在の Web ページに挿入されたり、外部リソースから読み込まれたりすることはありません。

圧縮により同等の書き込みが正規化される場合があります。結果はサイトのスタイルに直接挿入されません。ランディング ページのスタイルを確認してください。

72 / 100,000 文字

ショートカット キー: Ctrl/⌘+Enter。入力またはオプションを変更すると、古い結果が消去されます。

使用説明書

  1. CSS を貼り付けるか、レスポンシブなサンプルを読み込みます。
  2. 形式または圧縮を選択して結果を確認します。
  3. 結果を使用する前に、ランディング ページのビジュアルを確認してください。

入力と出力の例

入力例
.card{color:red;padding:16px}
出力例
.card { color: red; padding: 16px; }

圧縮モードは同等の記述方法をマージまたは正規化する可能性がありますが、出力が元のテキストと空白だけが異なるという保証はありません。

よくある質問

このページは、Sass/Less コンパイラではなく、CSS によって解析されます。まずプロジェクト内のプリプロセッサ構文をコンパイルしてください。

算出根拠と参考資料

書式設定は Prettier 解析 CSS を通じて行われ、圧縮は CSSO を通じて行われます。植字と圧縮では、スタイルがページ上で正しくレンダリングされるかどうかは検証されません。変更後は対象ページで確認してください。

内容チェック: · このサイトとコンテンツの説明について

関連ツール