ホームSkills開発者ツールSkillPeek について

CSS Formatter

CSS および SCSS をシンタックスハイライト付きでフォーマット・整形・圧縮します。

ツールはブラウザ内で動作します。共有リンクに入力内容が含まれる場合があるため、共有前に URL を確認してください。

使い方

  1. スタイルシートを貼り付けます。
  2. 整形してセレクターとプロパティを確認するか、圧縮して空白を減らします。

対応する操作の一例です。上のツールでモードと設定を選んでください。生成結果や書式は設定によって異なります。

入力または設定の例

.card{color:#333;padding:16px}

結果の例

.card {
  color: #333;
  padding: 16px;
}

ブラウザー互換性はわかりますか？

整形できても対象ブラウザーで動くとは限りません。実際のページで確認します。