CSSコードプライバシー: ブラウザ内処理
CSS フォーマッター
圧縮または崩れた CSS を読みやすい block に整え、style 修正と review を楽にします。
入力 / 出力
まずツールを使う
入力、出力、コピー操作をこの領域にまとめています。例と確認項目は下に分けています。
ローカルセッション
入力状態はこのブラウザだけに保存され、アカウントなしで前回の作業を復元できます。
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
例
このツールを始めるための入力例.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}利用シーン
コード- 圧縮または崩れた CSS を読みやすい block に整え、style 修正と review を楽にします。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- selector、media query、custom property が元の block に付いているか確認します。
- 対象 breakpoint で formatted CSS を実画面で確認します。
- CSS フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。