UTILS.
%100 tarayıcıda
{ }

CSS Güzelleştirici

Küçültülmüş CSS'i uygun satır sonları ve boşluklarla biçimlendirin ve girintileyin.

— çıktı burada görünür —

Bu araç hakkında

CSS Güzelleştirici, küçültülmüş veya dağınık CSS'i temiz ve tutarlı girintili bir düzene dönüştüren, ücretsiz ve tarayıcıda çalışan bir biçimlendiricidir. Önce mevcut boşlukları sıkıştırır, ardından yapıyı sıfırdan yeniden kurar: her kural ve bildirim kendi satırına gelir, açılış süslü parantezi seçici satırında kalır, kapanış süslü parantezi kendi satırına iner ve iç içe bloklar her düzey için iki boşluk girintilenir.

Yalnızca seçicileri, blokları ve bildirimleri ayıran noktalama üzerinde çalışır; her bildirimin iki noktasından sonra tek bir boşluk, açılış süslü parantezinden önce ise bir boşluk ekler. Özellik adları ve değerleri olduğu gibi bırakılır; yani yalnızca boşluklar değişir ve stil etkilenmez. Biçimlendirme siz yazdıkça canlı olarak, tamamen tarayıcınızda çalışır — yükleme yok, hesap yok, takip yok ve çevrimdışı da çalışır.

Bu araç, bir derleme çıktısından alınmış sıkıştırılmış bir stil sayfasını okumanız, karşılaştırmanız veya elle düzenlemeniz gerektiğinde ya da tek satırlık bir parçacığı okunabilir hale getirmek istediğinizde işe yarar. CSS'i yapıştırın, düzenlenmiş sonucu çıktı kutusunda inceleyin ve tek tıkla kopyalayın.

Sık sorulan sorular

Stillerimi değiştirir mi?
Hayır. Yalnızca boşlukları ve girintiyi düzenler — özellik adları, değerler ve seçiciler tam olarak yazıldığı gibi kalır, dolayısıyla oluşturulan sonuç aynıdır.
CSS'im herhangi bir yere gönderiliyor mu?
Hayır. Biçimlendirme; yükleme, hesap ve takip olmadan yerel olarak JavaScript'te çalışır, bu yüzden çevrimdışı da çalışır.
Küçültülmüş CSS'i açabilir mi?
Evet. Önce mevcut tüm boşlukları sıkıştırır, ardından sıfırdan yeniden girintiler; böylece tek satırlık küçültülmüş CSS de dağınık çok satırlı CSS de aynı düzenli çıktıyı verir.
CSS'imi doğrular veya düzeltir mi?
Hayır. Süslü parantezlerin, noktalı virgüllerin ve iki noktaların çevresindeki boşlukları yeniden düzenler ancak CSS'i denetlemez ya da düzeltmez; bu nedenle mevcut söz dizimi hataları değiştirilmeden geçirilir.

Daha fazla araç