ANYWEB LAB / CSS FORMATTER
ちょっとしたCSS整形ツール
圧縮されたCSSや読みにくいCSSを、編集しやすい改行とインデントへ戻します。
貼り付けたCSSをブラウザ上で簡易整形し、コピーや xxx_formatted.css ダウンロードまで行えます。CSS圧縮ツールの対になる、読みやすく戻すための小さな開発補助ツールです。
入力内容はサーバーへ送信・保存しません。高度なCSSパーサではないため、複雑なCSS、data URI、文字列、特殊コメントでは崩れる場合があります。整形後は実ページで表示確認してください。
CSS INPUT
CSSを貼り付ける
整形したいCSSを貼り付けて、インデントやコメントの扱いを選びます。
CSSを貼り付けて「整形する」を押してください。
FORMATTED CSS
整形結果
結果を確認してからコピーまたはダウンロードしてください。
0入力文字数
0整形後文字数
0行数
0セレクタっぽい数
0プロパティっぽい数
0コメント数
読みやすさの目安を表示します。
HOW TO USE
使い方
- 圧縮されたCSSや読みにくいCSSを入力欄に貼り付けます。
- インデント幅、コメントを残すかどうか、改行の入れ方を選びます。
- 「整形する」を押して、整形後CSSと行数などを確認します。
- 問題なければコピー、または
style_formatted.cssのような名前でダウンロードします。
ABOUT THIS TOOL
このツールについて
ちょっとしたCSS整形ツールは、ブラウザ上でCSSを簡易整形する開発補助ツールです。圧縮CSSや読みにくいCSSの編集前確認に使えます。
入力内容は端末内で処理され、サーバーへ送信・保存しません。ダウンロードもBlobでブラウザ内生成します。
CSSの意味を変えない範囲の整形に留めていますが、高度なCSSパーサではありません。整形後は実ページで表示確認してください。
利用者コメント
まだコメントはありません。
コメントする