JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

CSS整形(インデントと見やすく)

圧縮された、または乱れたCSSをオンラインで整形します。1行に1プロパティ、2スペース・4スペース・タブのインデント、ルール間の空行、セレクタの分割に対応し、どんなサイトのスタイルも読みやすく編集できます。

使い方

CSSを貼り付けてください。

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールHTML整形(インデントと見やすい形式)→
広告

CSS整形(インデントと見やすく): 用途

.min.cssファイルは速く読み込むために1行にまとまっていますが、それでは誰も読めません。CSSを貼り付けると、各ルールと各プロパティがそれぞれの行になり、選んだインデントが付きます。

ルール間の空行や、1行に1セレクタのオプションもあります。ほとんどのSCSSやLessにも使えます。小さなファイルに戻すには、CSS圧縮ツールを使ってください。

使い方

  1. CSSを貼り付けます。
  2. インデントとオプションを選びます。
  3. 結果をコピーまたはダウンロードします。

使うタイミング

  • サイトのスタイルを調べる。
  • 圧縮されたCSSを編集する。
  • プロジェクトのインデントを統一する。

よくある質問

圧縮されたCSSにも使えますか?

はい。それが最もよくある使い方です。.min.cssファイルは全部が1行にまとまっており、ツールが各ルールと各プロパティを分けるので、読んだり編集したりできます。

SCSSやLessにも対応していますか?

ほとんどは対応しています。ネストしたルール、変数、ミックスインも正しくインデントされます。念のため、ファイルを置き換える前に結果を元のものと比べてください。

CSSをもう一度小さくするには?

CSS圧縮ツールを使ってください。逆の処理をして、スペース、改行、コメントを取り除き、ファイルを速く読み込めるようにします。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。