開発 · ローカルユーティリティ
CSS Formatter
CSS を読みやすく一貫したルールへ、2 または 4 スペースのインデントで再整形。端末のローカル Worker で厳密に解析する。
タスクの道筋 / 入力から結果へ
CSS を貼り付ける
ローカルで実行 · アップロードなし
タスクの道筋 / 入力から結果へ
256 KiB 以下の UTF-8 ソースを入力します。整形では 2 または 4 スペースを選べます。
2個または4個のスペースを選びます。サンプルは読み込み済みで、新しい設定は「整形」を押したときに反映されます。
「整形」を押します。Prettierが選んだインデントと100列の印字幅でCSSを解析・再出力します。対象ページで確認してください。
入力と出力のUTF-8バイト数、削減率を比べます。削減量が負なら結果は大きくなっています。コピーやダウンロードの前に確認してください。
「結果をコピー」でクリップボードへ、「ダウンロード」で toolars.css として保存できます。次のスタイルシートに移るときは、「リセット」で入力・出力・オプションを一度にクリアできます。
CSS フォーマッター は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。
現在のブラウザタブ内で実行されます。
使用中のツールデータが Toolars のドキュメントレコードになることはありません。
プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。
タブを閉じれば、作業中のデータは消えます。
他の開発者と共有する前に、ソースを確認しやすくします。
ソースを実行せずに、コンパクトな HTML・CSS・JavaScript を生成します。
ピンポイントの例を整形し、そのままドキュメントやエディタに移せます。
圧縮済みのスタイルシートをレビューしやすくします。貼り付けて2個または4個のスペースを選び、整形後に対象ページでセレクターと代替ルールの順序を確認します。バイト数だけでは空白しか変わらなかった証拠になりません。
よくある質問