CSSフォーマッター＆整形ツール
圧縮されたCSSを、適切なインデント、改行、スペースを付けて整形します。
このツールの使い方
- 1
Paste your minified or unformatted CSS into the text box.
- 2
Read the formatted result that appears instantly in the output panel below.
- 3
Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.
- 4
Tweak the input and the output re-formats live as you type.
CSSフォーマッター＆整形ツールとは何ですか？
圧縮されたCSSは、すべての空白が取り除かれた1行のテキストです。このツールは読みやすさを取り戻します。各プロパティをそれぞれの行に置き、波かっこの中をインデントし、ルールとルールの間に空行を入れます。出力は機能的にまったく同じで、ただ読んだり編集したりしやすくなるだけです。
よくある活用例
Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.
Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.
Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.
Making a vendor or third-party widget stylesheet legible enough to override specific properties.
Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.
Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.
よくある質問
コメントは保持されますか？▼
関連ツール
JWTデコーダー
JSON Web Token（JWT）を瞬時にデコードします。お使いのブラウザ内で実行されるため、トークンがデバイスの外に出ることはなく、本番環境のシークレットでも安全に利用できます。
JSONフォーマッター＆バリデーター
JSONをオンラインで整形、検証、minify（圧縮）します。すべてお使いのブラウザ内で動作するため、データがデバイスから外に出ることはありません。
XMLフォーマッター
XMLドキュメントを整形して読みやすくします。SOAP、サイトマップ、RSSフィード、設定ファイルに役立ちます。
Base64エンコーダー＆デコーダー
文字列をBase64にエンコードしたり、Base64をテキストにデコードしたりします。あなたのプライバシーを尊重し、すべてブラウザ内で実行されます。
URLエンコーダー＆デコーダー
テキストをURLセーフなエンコード（パーセントエンコーディング）に変換したり、その逆を行ったりします。クエリ文字列、リダイレクト、OAuthフローに役立ちます。
HTMLエンティティエンコーダー＆デコーダー
特殊文字をHTMLエンティティ（&、<など）に変換したり、その逆を行ったりします。テキストを安全にHTMLへ埋め込むのに役立ちます。