CSS Biçimlendirici
CSS kodlarını okunabilir şekilde biçimlendirin veya tek satıra sıkıştırın. Girinti boyutunu ve çalışma modunu ihtiyacınıza göre ayarlayın.
Aracı çalıştır
CSS kodlarını daha okunaklı kılmak ya da dosya boyutunu küçültmek için bu aracı kullanabilirsiniz. Araç iki temel çalışma modu sunar: satır sonları ve düzenli girintiler ekleyen güzelleştirme modu ile gereksiz boşlukları silen sıkıştırma modu. Güzelleştirme seçeneğinde kural blokları için sıfır ile sekiz arasında bir girinti boyutu belirleyebilirsiniz. Bu aralığın dışındaki sayısal değerler veya biçimsel olarak sayıya çevrilemeyen girişler varsayılan olarak iki boşluk şeklinde işleme alınır. Sıkıştırma modunda ise blok yorumları tamamen temizlenir, seçiciler ve bildirimler arasındaki gereksiz boşluklar daraltılır, iki nokta ve noktalı virgül etrafındaki boşluklar silinir. Giriş kutusu boş bırakıldığında veya yalnızca boşluk karakterleri içerdiğinde çıktı alanında da boş bir metin oluşur. İşlenecek metnin toplam boyutu en fazla bir milyon bayt ile sınırlıdır. Web projelerinizdeki stil şablonlarını düzenlemek veya karmaşık CSS yapılarını analiz etmek için parametreleri ayarlayıp işlemi başlatabilirsiniz.
Kullanım
- Biçimlendirmek veya sıkıştırmak istediğiniz CSS metnini giriş kutusuna yapıştırın.
- İhtiyacınıza göre güzelleştirme veya sıkıştırma çalışma modunu seçin.
- Güzelleştirme modu için 0 ile 8 arasında bir girinti boşluğu miktarı belirleyin.
- İşlemi çalıştırın ve sonuç alanında oluşturulan düzenli CSS çıktısını kopyalayın.
Örnekler
- Tek satır halindeki stil bildirimlerini 2 boşluk girintiyle çok satırlı düzenli bloklara dönüştürme.
- Gereksiz boşluklar ve blok yorumları içeren uzun bir CSS dosyasını sıkıştırma modunda tek satıra indirgeme.
SSS
Girinti alanına 8'den büyük veya geçersiz bir değer girilirse ne olur?
Sıfır ile sekiz aralığı dışındaki sayılar veya geçersiz girişler otomatik olarak 2 boşlukluk standart girintiye dönüştürülür.
Sıkıştırma modu CSS açıklamalarını ve yorum satırlarını korur mu?
Sıkıştırma modunda blok yorumları kaldırılır; seçiciler, süslü parantezler ve noktalı virgüller arasındaki tüm gereksiz boşluklar silinir.
Araç CSS kodlarındaki yazım ve kural hatalarını denetler mi?
Araç bir CSS söz dizimi doğrulayıcısı değildir; kuralların standartlara uygunluğunu test etmez, yalnızca metnin biçimini ve boşluk yapısını düzenler.