毎日使う開発者ツールを、すべて一か所に。

コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。

/ ツール

■

/ ツールファインダー

109 個のツール

/ CSS フォーマッター/圧縮ツール

CSS 入力

/ 選択中のツール

■

CSS フォーマッター/圧縮ツール - 無料のフォーマッターツール

CSS スタイルシートを整形または圧縮します

■ 01

CSS とは?

CSS (Cascading Style Sheets) は、HTML ドキュメントの見た目を記述するために使われるスタイルシート言語です。Web ページのレイアウト、色、フォント、全体的な視覚的外観を制御します。

■ 02

どのように動作するのか?

整形は CSS ルールを解析し、一貫したインデント、波括弧やセミコロンの後の改行、セレクタ周りのスペースを追加します。ミニファイはその逆で、コメントの削除、空白の圧縮、そして…の除去を行います…

■ 03

サンプルケース

シンプルな CSS ルール、複数セレクタ、コメント付きをカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

選択したツールのソースコード。右側のライブ版と並べて表示されます。

/ ソースコード

TypeScript

typescript

// No external dependencies needed - uses built-in string manipulation

function formatCss(css: string): string {
  if (!css.trim()) return '';

  let formatted = css;

  // Remove comments
  formatted = formatted.replace(/\/\*[\s\S]*?\*\//g, '');