オンラインCSSフォーマッター
CSSを貼り付けて、読みやすいインデントで整形するか、縮小(ミニファイ)します — すべてブラウザ内で処理されます。
CSSを貼り付けてください
結果
整形はすべてブラウザ内で行われるため、入力したCSSが当社のサーバーに届くことはありません。
@mediaや@supportsのブロックは再帰的に整形され、ネストするたびにインデントが1段階深くなります。
アカウント登録は不要で、利用回数の制限もありません。
CSSフォーマッターとは?
CSSフォーマッターは、ミニファイされた、あるいは乱雑なCSSを受け取り、一貫したインデントと1行1宣言のルールで整形し直し、読みやすくします。スタイルシートを確認したり、CMSのエクスポートを整理したり、ビルド出力をデバッグしたりする際に役立ちます。このツールはミニファイ(縮小)にも対応しているため、同じページで関連する両方の作業をカバーします。
オンラインでCSSを整形する方法
- CSSを貼り付けるかアップロードします。 エディタに直接貼り付けるか、「ファイルをアップロード」をクリックして.cssファイルの内容を読み込みます。
- モードを選択します。 「フォーマット」を選ぶと読みやすいインデントになり、「ミニファイ」を選ぶとコメントや空白が削除されます。
- アクションボタンをクリックします。 結果が下に表示されます。
- コピーまたはダウンロードします。 結果をクリップボードにコピーするか、.cssファイルとしてダウンロードできます。
よくある質問
CSSフォーマッターは何をしますか?
一貫したインデント、1行1宣言、コロン後のスペースの統一などでCSSを整形し直します。ミニファイされたスタイルシート、CMSのエクスポート、1行の読みにくいCSSとして届いたものに役立ちます。
ネストされた@mediaや@supportsブロックに対応していますか?
はい — ネストされたat-ruleブロックは、周囲のルールより1段階深くインデントされ、再帰的に処理されるため、複数のセレクタを含む@mediaブロックもきれいに整形されます。
CSSをミニファイできますか?
できます。ミニファイモードに切り替えると、コメントや不要な空白が削除され、本番環境向けの最小サイズのCSSが生成されます。
ミニファイするとcontent: "a: b;"のような引用符内の内容が壊れませんか?
壊れません — 引用符付きの文字列値(contentプロパティ、url()参照など)はミニファイの前に保護され、後で元のまま復元されるため、文字列内のセミコロンやコロンが壊れることはありません。
入力したCSSはどこかにアップロードされますか?
いいえ。このツールはすべてブラウザ内で処理されるため、入力したスタイルシートがCurePDFのサーバーに送信されることは一切ありません。
CSSフォーマッターは無料ですか?
はい、アカウント登録は不要で、利用回数の制限もありません。