CSS Düzenleyici Detaylar
CSS Biçimlendirici, küçültülmüş stil dosyasını kural kural açar ve okunabilir girintili bir yapıya döndürür.
Yayındaki bir stil dosyasını incelemek, üçüncü taraf bir bileşenin kurallarını anlamak ya da elle düzenlemeden önce dosyayı açmak için kullanılır.
Kullanım akışı
Kullanımı kısa: girdiyi verin, çalıştırın, çıktıyı alın. Ayrıntısı aşağıda.
- CSS kodunu kutuya yapıştırın.
- Aracı çalıştırın; kurallar satırlara ayrılır.
- Sonucu kopyalayın ya da indirin.
Teknik detaylar
Biçimlendirme davranışı:
- Süslü parantezden sonra satır atlanır ve bildirimler iki boşluk girintiyle yazılır.
- Her noktalı virgülden sonra yeni satıra geçilir.
- Art arda gelen boş satırlar teke indirilir.
- İşlem tarayıcıda yapılır; kod sunucuya gönderilmez.
Ne zaman bu aracı seçmelisiniz
Okunur hâle getirmek için bu sayfa; SCSS yazımına geçmek için CSS to SCSS, dosyayı küçültmek için ilgili küçültücü sayfası uygundur.
Ayrıştırıcı değil metin tabanlı bir düzenleyicidir: geçersiz CSS'i düzeltmez, medya sorgusu iç içeliğini yeniden hesaplamaz ve özellik sırasını değiştirmez. Süslü parantez içeren metin değerlerinde (content gibi) beklenmedik satır bölmeleri olabilir.
Pratik notlar
- Biçimlendirdiğiniz dosyayı yayına almadan önce sayfayı açıp görünümü kontrol edin.
- Uzun dosyalarda önce ilgilendiğiniz bölümü kopyalayıp biçimlendirmek daha hızlıdır.
- Ekip içinde tek bir biçimlendirme kuralı belirlemek diff gürültüsünü azaltır.
Veri ve gizlilik notu
İşlem tarayıcıda yapılır, veri cihazınızdan çıkmaz. Sunucuya giden tek şey kullanım sayacıdır ve içinde metniniz yer almaz. Reklam ve ölçüm çerezleri sayfa düzeyinde çalışır, araç alanına erişmez.