CSSのコード整形ツール

CSSのコード整形ツール

Minify処理などで難読化してあるスタイルシートのコードに、インデントや改行を付けて見やすく整形するツールです。他サイトのCSSを分析したい時、間違えてMinify前のコードを消してしまった時などにご利用下さい。

整形前のコード

整形後のコード

コードビューアー

入力したコードをこのページ上で確認してしまいたい場合は、このビューアをご利用下さい。

CSS

/* ここにコードが表示されます */
.syncer{
	your: welcome ;
}

CSSコード整形ツールについて

使い方
左側(スマホの場合は上)のフォームに、整形したいCSSのコードを入力して、「整形をする」のボタンをクリックすると、右側(スマホでは下)のフォームに整形した結果が表示されます。
整形のアルゴリズムには、js-beautifyを利用させていただきました。
スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。
注意事項
整形は、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。