Utilore

CSS biçimlendirici

Bir stil dosyasını yapıştırın, tek satır hâlinde gelmiş olsa bile yeniden okuyun. Her bildirim kendi satırına geçer, iç içe bloklar girintisini alır ve yorumlar ait oldukları yerde kalır.

Kod bu sayfadan çıkmaz: biçimlendirme tarayıcınızda yapılır.

Nasıl kullanılır

  1. CSS'i ilk kutuya yapıştırın.
  2. Girintiyi seçin: iki boşluk, dört boşluk ya da sekme.
  3. Sonucu kopyalayın ya da yeniden sıkıştırmak için «Küçült» düğmesine basın.

Bilmekte fayda var

Basit bir biçimlendirici stil dosyalarını neden bozar

Her noktalı virgülde ve her süslü parantezde bölmek, dosyada content: "a;b" ya da içinde SVG bulunan bir veri URI'si çıkana kadar işe yarıyor görünür. İkisi de gerçek CSS'te sıradan şeylerdir. Bu biçimlendirici dosyayı karakter karakter okur, böylece tırnaklı diziler ve yorumlar ilk noktalama işaretinde kesilmek yerine bütün hâlde taşınır.

Gerçekten işe yarayan iç içe yapı

Medya sorguları, supports blokları ve modern iç içe kurallar birer derinlik katmanı ekler, girinti de onları izler. Üst düzey kuralları boş bir satır ayırır, böylece iki bin satırlık bir stil dosyası bir metin duvarı değil, blokların listesi gibi okunur.

Sık sorulan sorular

Yorumlarım korunuyor mu?

Evet. Tek başına duran bir yorum kendi satırına geçer, bir bildirimden sonra gelen yorum ise onunla birlikte kalır.

CSS'imi değiştiriyor mu?

Hiçbir özellik yeniden adlandırılmaz, sırası değişmez, silinmez. Yalnızca boşluklar yer değiştirir; stil dosyası tam olarak eskisi gibi davranır.

Kodum sunucuya gönderiliyor mu?

Hayır. Her şey tarayıcınızda çalışır, bu yüzden gizlilik sözleşmesi altındaki bir projenin stil dosyası makinenizde kalır.

SCSS ya da LESS ne olacak?

İç içe kurallar ve yorumlar sorunsuz biçimlenir. Değişkenler, mixin'ler ve denetim yönergeleri yorumlanmak yerine olduğu gibi geçer.

İlgili araçlar