このツールでできること
CSS のセレクター、メディアクエリ、キーフレーム、コメント、calc()、カスタムプロパティを 2 または 4 スペースで整形します。
- 一般的な最新 CSS、メディア クエリ、キーフレームをサポートします。
- テキストの書式設定のみを行い、現在のページにスタイルを挿入しません。
- 無効な構文ではパーサー エラーが表示されます。
使い方
- CSSを貼り付けます。
- インデントの幅を選択します。
- 「CSSのフォーマット」をクリックします。
- formatted.css をコピーまたはダウンロードします。
主な用途
- 単一行または読みにくいスタイルシートをクリーンアップします。
- チームのコード スニペットの形式を統一します。
- ネストされたメディア クエリとアニメーション構造を観察するのに役立ちます。
CSS Formatterの機能
CSS セレクター、宣言、メディア クエリ、キーフレーム、カスタム プロパティを解析して美化します。結果を確認し、必要な内容をコピーしてください。
FAQ
カスタム プロパティは間違って分割されますか?
一般的な --custom-property の値に対応し、内容を保持します。
書式を設定するとセレクターの効果が変わりますか?
CSSの見た目を読みやすく整えるためのツールです。元のファイルを保管し、整形したCSSを使った画面が元と同じように表示されるか確認してください。
このページに CSS が適用されますか?
いいえ、入力と出力の両方がテキスト ボックス内に残ります。