HTMLやCSSの基本を学ぶ方に
1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Kindle版（電子書籍）／Mana／SBクリエイティブ
HTML・CSSの書き方からページのレイアウトまで学ぶ入門書です。
Amazonで見る ↗ちょっとした診断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の意味や表示が変わる場合があります。整形後は実ページで表示確認してください。
HTML・CSSの基本を学びたい方へ （PR）
HTML・CSSの仕組みや書き方を学ぶ参考書です。コードやデータを見直す際の読み物として。
購入前に、商品の内容・仕様・状態をご確認ください。リンク先の価格や在庫、出品者は変わることがあります。
利用者の評価・コメント
まだ評価・コメントはありません。
評価・コメントを投稿する
星だけでも送信できます。コメントを書く場合は3〜1000文字で入力してください。
暴言、脅迫、個人への攻撃を含むコメントは公開しません。