例
入力:
h1{color:blue;}p{font-size:16px;}
整形ボタンをクリックすると、次のように出力されます:
h1 {
color: blue;
}
p {
font-size: 16px;
}
オンラインCSS整形ツールについて
このオンラインCSS整形ツールは、乱れたCSS、圧縮されたCSS、読みづらいCSSを、インデント・スペース・改行がそろった見やすい形式に整えます。CSSコードを貼り付け、インデント幅を選ぶだけで、読みやすい構造に整形できます。
スタイルシートの確認、コピーしたCSSスニペットの編集、レイアウト調整中のデバッグ、共有や保守がしやすいコードへの整理に役立ちます。
• 主な機能
貼り付けたCSSコードを、読みやすく整理されたレイアウトに整形します。
インデント、スペース、改行を一貫した形に整えます。
好みのコーディングスタイルに合わせて、インデントのスペース数を選べます。
圧縮されたCSSや未整形のCSSを、確認・編集しやすい表示にします。
整形後のCSSをコピーして、プロジェクト、エディタ、ドキュメントで利用できます。
このツールはコードの見た目を整えるためのものです。CSSの圧縮、構文検証、自動的な互換性チェックは行いません。