CSS'i düzgün girintilemeyle güzelleştirin veya dosya boyutunu küçültmek için sıkıştırın. Medya sorguları, calc() ve lisans yorumları desteklenir.
CSS Biçimlendirici nasıl kullanılır
CSS'inizi giriş kutusuna yapıştırın.
Biçimlendirmek için Güzelleştir'i veya sıkıştırmak için Küçült'ü seçin.
Girinti boyutunu seçin, ardından sonucu kopyalayın.
This is a CSS formatter that beautifies stylesheets with clean, consistent indentation, or minifies them to shrink file size. You choose the indent size for beautifying, and switch to minify when you want the smallest output.
Readable CSS is easier to scan, review and debug: when each rule and declaration is indented consistently, you can see selectors, nesting and the shape of your media queries at a glance.
Minifying is for production. It removes the whitespace and comments that browsers do not need, so the file downloads faster. On a large stylesheet the saving adds up, especially before gzip compression on the server.
The minifier is careful where it matters. It keeps the spaces around plus and minus inside calc(), so calc(100% - 30px) stays valid, and it only strips spaces around structural characters such as braces, colons and semicolons. It also handles nested media queries correctly.
License comments written in the /*! ... */ form are preserved, which is the standard convention for keeping copyright and license notices in minified output even when ordinary comments are removed.
Both beautify and minify run entirely in your browser, so your stylesheets never leave your device. The tool formats for readability and size; it does not validate that your CSS is correct.
Sıkça sorulan sorular
Hayır. Küçültücü, değerler içindeki artı ve eksi etrafındaki boşlukları korur, bu nedenle calc(100% - 30px) geçerli kalır. Yalnızca süslü parantez, iki nokta ve noktalı virgül gibi yapısal karakterler etrafındaki boşlukları kaldırır.
Normal yorumlar yer kazanmak için kaldırılır, ancak /*! ... */ şeklinde yazılan lisans yorumları korunur; bu, telif hakkı bildirimlerini korumak için standart kuraldır.
Hayır. Hem güzelleştirme hem de küçültme tamamen tarayıcınızda çalışır, bu nedenle stil dosyalarınız asla cihazınızdan ayrılmaz.
Bu aracı göm
Bu aracı kendi web sitenize ekleyin. Aşağıdaki kod parçacığını kopyalayın; otomatik olarak güncel kalır.
<iframe src="https://monu.tools/embed/tr/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>İlgili araçlar
HTML'i blok farkındalıklı girintilemeyle güzelleştirin veya küçültün. pre, textarea, script ve style içerikleri korunur.
JavaScript ve TypeScript'i tarayıcınızda güzelleştirin veya küçültün. JSX ve dekoratörler dahil modern sözdizimini destekler.
CSV'yi Excel .xlsx dosyasına ve Excel'i CSV'ye dönüştürün, tamamen tarayıcınızda. Her iki yönde de çalışır.
JSON verilerinden iç içe nesneler ve diziler desteğiyle TypeScript arayüzleri oluşturun.