CSS 圧縮ツール

CSSOを使ってオンラインでCSSを圧縮：ルールを統合し、上書きを除去し、スタイルシートを再構築してファイルサイズを縮小します。すべてブラウザ上で動作します。

CSS 入力

圧縮済み CSS

CSS 圧縮の結果を確認する

CSSO は CSS を解析して最適化します。この例では 0px と色表記を短縮します。ルールが結合される場合もあるため、置き換え前に表示を確認してください。

Sass・Less のコンパイルやソースマップの生成には対応していません。入力は本サイト配信のライブラリでブラウザ内処理され、解析エラー時は前の出力を消去します。

.card {
  margin: 0px;
  color: #ff0000;
}

.card{margin:0;color:red}

このツールが扱うフォーマットを定義する標準仕様と公式ドキュメントです。

W3C CSS Syntax Module — スタイルシートがトークン化され、構文解析される仕組みを解説。

Mozilla の CSS リファレンス:プロパティ、セレクター、カスケードについて。

CSS の歴史と各レベル、そしてカスケードと詳細度が描画をどう決定するかについて。

開発者やプログラマーのための、コードのフォーマット、検証、操作に欠かせないツール