CSS Formatter

Bu araç hakkında

CSS Formatlayıcı, sıkıştırılmış veya okunaksız CSS'i temiz, doğru girintili stil sayfalarına dönüştürür. Media queries, sözde sınıflar, keyframe animasyonlar, özel özellikler ve iç içe seçiciler dahil tüm standart CSS özelliklerini destekler.

Minify modu tüm yorumları ve gereksiz boşlukları kaldırarak üretim için mümkün olan en küçük CSS'i üretir. Tüm işlem tarayıcınızda yerel olarak gerçekleşir.

Nasıl kullanılır

1. CSS'nizi soldaki giriş paneline yapıştırın.
2. Tercih ettiğiniz girintiyi (2 veya 4 boşluk) seçin.
3. Güzelleştirmek için Biçimlendir'e, sıkıştırmak için Minify'a tıklayın.
4. Sonucu panoya kopyalamak için Kopyala'ya tıklayın.

Kullanım senaryoları

Frontend geliştiriciler DevTools'dan, eski stil sayfalarından veya tasarım sistemi dışa aktarmalarından kopyalanan CSS'i biçimlendirmek için kullanır. Minify özelliği CSS paket boyutunu %30–50 küçültür.

Sık sorulan sorular

• SCSS/LESS destekliyor mu? — Bu araç yalnızca standart CSS biçimlendirir. SCSS veya LESS için özel bir önişlemci formatlayıcısı kullanın.
• Yorumlar korunuyor mu? — Biçimlendirme sırasında yorumlar korunur. Minify modu boyutu küçültmek için tüm yorumları kaldırır.
• Verilerim güvende mi? — Tüm işlem tarayıcınızda yerel olarak gerçekleşir. Hiçbir CSS hiçbir sunucuya iletilmez.