RevealTheme logo

CSS Biçimlendirici ve Güzelleştirici

Küçültülmüş CSS'yi uygun girinti, satır sonları ve boşluklarla biçimlendirin.

Bu araç nasıl kullanılır

  1. 1

    Paste your minified or unformatted CSS into the text box.

  2. 2

    Read the formatted result that appears instantly in the output panel below.

  3. 3

    Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.

  4. 4

    Tweak the input and the output re-formats live as you type.

CSS Biçimlendirici ve Güzelleştirici nedir?

Küçültülmüş CSS, tüm boşlukları kaldırılmış tek bir satırdır. Bu araç okunabilirliği geri kazandırır: her özellik kendi satırında, küme parantezi içinde girintili ve kurallar arasında boş bir satırla. Çıktı işlevsel olarak özdeştir, yalnızca okunması veya düzenlenmesi daha kolaydır.

Yaygın kullanım örnekleri

  • Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.

  • Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.

  • Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.

  • Making a vendor or third-party widget stylesheet legible enough to override specific properties.

  • Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.

  • Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.

Sıkça sorulan sorular

Yorumları korur mu?
Blok yorumları (/* ... */) orijinal konumlarında olduğu gibi korunur.

İlgili araçlar