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

ホーム  /  CSSフォーマッター

オンラインCSSフォーマッター

CSSを貼り付けて、読みやすいインデントで整形するか、縮小(ミニファイ)します — すべてブラウザ内で処理されます。

✓ アップロードされません — ブラウザ内で処理されます

CSSを貼り付けてください

アップロードされません

整形はすべてブラウザ内で行われるため、入力したCSSが当社のサーバーに届くことはありません。

ネストされたルールに対応

@mediaや@supportsのブロックは再帰的に整形され、ネストするたびにインデントが1段階深くなります。

無料・無制限

アカウント登録は不要で、利用回数の制限もありません。

CSSフォーマッターとは?

CSSフォーマッターは、ミニファイされた、あるいは乱雑なCSSを受け取り、一貫したインデントと1行1宣言のルールで整形し直し、読みやすくします。スタイルシートを確認したり、CMSのエクスポートを整理したり、ビルド出力をデバッグしたりする際に役立ちます。このツールはミニファイ(縮小)にも対応しているため、同じページで関連する両方の作業をカバーします。

オンラインでCSSを整形する方法

  1. CSSを貼り付けるかアップロードします。 エディタに直接貼り付けるか、「ファイルをアップロード」をクリックして.cssファイルの内容を読み込みます。
  2. モードを選択します。 「フォーマット」を選ぶと読みやすいインデントになり、「ミニファイ」を選ぶとコメントや空白が削除されます。
  3. アクションボタンをクリックします。 結果が下に表示されます。
  4. コピーまたはダウンロードします。 結果をクリップボードにコピーするか、.cssファイルとしてダウンロードできます。

よくある質問

CSSフォーマッターは何をしますか?

一貫したインデント、1行1宣言、コロン後のスペースの統一などでCSSを整形し直します。ミニファイされたスタイルシート、CMSのエクスポート、1行の読みにくいCSSとして届いたものに役立ちます。

ネストされた@mediaや@supportsブロックに対応していますか?

はい — ネストされたat-ruleブロックは、周囲のルールより1段階深くインデントされ、再帰的に処理されるため、複数のセレクタを含む@mediaブロックもきれいに整形されます。

CSSをミニファイできますか?

できます。ミニファイモードに切り替えると、コメントや不要な空白が削除され、本番環境向けの最小サイズのCSSが生成されます。

ミニファイするとcontent: "a: b;"のような引用符内の内容が壊れませんか?

壊れません — 引用符付きの文字列値(contentプロパティ、url()参照など)はミニファイの前に保護され、後で元のまま復元されるため、文字列内のセミコロンやコロンが壊れることはありません。

入力したCSSはどこかにアップロードされますか?

いいえ。このツールはすべてブラウザ内で処理されるため、入力したスタイルシートがCurePDFのサーバーに送信されることは一切ありません。

CSSフォーマッターは無料ですか?

はい、アカウント登録は不要で、利用回数の制限もありません。

その他のテキストツール