CSS Biçimlendirici
Seçicileri, bildirimleri, yorumları, değerleri ve at-rule yapısını koruyarak CSSyi düzenleyin.
Make CSS easier to review
Sıkıştırılmış CSS seçicileri, bildirimleri, yorumları ve uzun değerleri tek satırda gizleyebilir. Araç okunabilir düzen gösterir.
Biçimlendirme sunumu değiştirir; geçerlilik, verimlilik, erişilebilirlik veya uyumluluğu kanıtlamaz. Kaynak ve diffi saklayın.
Seçici, bildirim, yorum, custom property, media query ve tırnaklı değer içeren örnek kullanın.
Formatting is not CSS validation
CSS seçiciler, bildirimler, değerler, yorumlar, at-rules, fonksiyonlar, custom propertyler ve bloklardan oluşur. Girinti sınırları gösterir.
Formatter boşluk ve tokenları düzenler ama standart, specificity, erişilebilirlik, performans veya build uyumluluğunu doğrulamaz.
Değerler string, URL, escape, gradient, değişken ve vendor uzantısı içerebilir.
How to format CSS
- Tam stylesheet veya desteklenen fragment girin.
- Seçici, parantez, bildirim, yorum, custom property, fonksiyon ve at-ruleu inceleyin.
- Özellik, değer, tırnak, URL, değişken ve sırayı kaynakla karşılaştırın.
- Linter, build, erişilebilirlik ve tarayıcı kontrollerini çalıştırın.
- Özel URL, token ve kullanıcı verisini kaldırın.
Formatting method
- Seçici, bildirim, değer,
Seçici, bildirim, değer, yorum, blok, fonksiyon ve at-rule okur.
- Kural ve iç
Kural ve iç içe blokları göstermek için satır ve girinti ekler.
- Kaynağın değerlerini, stringlerini,
Kaynağın değerlerini, stringlerini, URLlerini, custom propertylerini, yorumlarını ve sırasını korur.
Parser kurtarma, dialect, vendor uzantıları, yorumlar, boşluk ve hata metni canlı motorda doğrulanmalıdır.
Read the formatted result
Başarılı çıktı CSSnin okunabilir düzenidir. Seçici, bildirim, değer, yorum, blok, fonksiyon ve sırayı kaynakla eşleştirin.
Hata parser desteğini veya recoveryyi kanıtlamaz.
Tarayıcı, linter ya da build sorunu ayrıdır; biçimlendirme optimizasyon değildir.
Yaygın hatalar
Girintiyi doğrulama sanmak geçersiz değerleri, specificity sürprizlerini veya erişilebilirlik sorunlarını gizleyebilir.
Custom property, string, URL, escape ya da sıra değişimi davranışı bozar.
Vendor uzantısını her toolchain için aynı varsaymayın.
Özel URL, token veya kullanıcı stili veri açığa çıkarabilir.
Sınırlar ve özel durumlar
Bu özellik CSS sunumunu biçimlendirir; standart, lint, erişilebilirlik, güvenlik, performans, uyumluluk veya minify garantisi vermez.
Custom property, at-rule, uzantı, fonksiyon, escape, yorum ve büyük stylesheeti hedef araçta test edin.
Gizli üretim stilini izinsiz girmeyin.
Examples
Biçimlendirme CSSyi doğrular mı?
Biçimlendirme CSSyi doğrular mı?
Tam stylesheet veya desteklenen fragment girin.
Başarılı çıktı CSSnin okunabilir düzenidir. Seçici, bildirim, değer, yorum, blok, fonksiyon ve sırayı kaynakla eşleştirin.
Cascade değişir mi?
Cascade değişir mi?
Seçici, parantez, bildirim, yorum, custom property, fonksiyon ve at-ruleu inceleyin.
Hata parser desteğini veya recoveryyi kanıtlamaz.
Değerler korunur mu?
Değerler korunur mu?
Özellik, değer, tırnak, URL, değişken ve sırayı kaynakla karşılaştırın.
Tarayıcı, linter ya da build sorunu ayrıdır; biçimlendirme optimizasyon değildir.
Yorumlar korunur mu?
Yorumlar korunur mu?
Linter, build, erişilebilirlik ve tarayıcı kontrollerini çalıştırın.
Başarılı çıktı CSSnin okunabilir düzenidir. Seçici, bildirim, değer, yorum, blok, fonksiyon ve sırayı kaynakla eşleştirin.
Media query biçimlenir mi?
Media query biçimlenir mi?
Özel URL, token ve kullanıcı verisini kaldırın.
Hata parser desteğini veya recoveryyi kanıtlamaz.
Performans artar mı?
Performans artar mı?
Tam stylesheet veya desteklenen fragment girin.
Tarayıcı, linter ya da build sorunu ayrıdır; biçimlendirme optimizasyon değildir.
Frequently asked questions
Biçimlendirme CSSyi doğrular mı?
Hayır. Parser, linter, build, erişilebilirlik ve tarayıcı testlerini kullanın.
Cascade değişir mi?
Yalnız sunum boşluğu değişmelidir; sırayı karşılaştırıp test edin.
Değerler korunur mu?
Örnekler değer, string, URL ve fonksiyonları korur; diff inceleyin.
Yorumlar korunur mu?
Örnekler yorumları korur; gerçek girdide doğrulayın.
Media query biçimlenir mi?
Örnek iç içe at-rule gösterir; desteği doğrulayın.
Performans artar mı?
Hayır. Profiling ve hedefli optimizasyon gerekir.
Bozuk CSS düzelir mi?
Otomatik onarım varsaymayın; kaynağı düzeltip doğrulayın.
Biçimlendirmeden sonra ne yapmalıyım?
Diffi inceleyin, linter ve build çalıştırın, erişilebilirlik ve tarayıcı test edin.