Nasıl kullanılır
- CSS kodunuzu giriş editörüne yapıştırın.
- Girinti için 2 boşluk, 4 boşluk veya Sekme seçin.
- Süslü parantezler için Aynı satırda veya Alt satırda seçin.
- Biçimlendirilmiş CSS'i sonuç editöründen kopyalayın.
Örnekler
Ürün kartının küçültülmüş CSS'ini açın
Girdi
.urun-karti{display:flex;gap:16px;padding:20px}.urun-fiyati{color:#166534;font-weight:700}Çıktı
.urun-karti {
display: flex;
gap: 16px;
padding: 20px;
}
.urun-fiyati {
color: #166534;
font-weight: 700;
}Mobil menüde iç içe kuralları biçimlendirin
Girdi
@media (max-width:768px){.mobil-menu{display:flex;flex-direction:column;& a{padding:12px;&:hover{background:#f3f4f6}}}}Çıktı
@media (max-width:768px)
{
.mobil-menu
{
display: flex;
flex-direction: column;
& a
{
padding: 12px;
&:hover
{
background: #f3f4f6;
}
}
}
}Özellikleri sıralayın, açıklama yorumlarını kaldırın
Girdi
/*! Magaza temasi - MIT */
/* Sepet dugmesi */
.sepet-dugmesi{padding:12px 20px;color:white;--vurgu:#2563eb;background:var(--vurgu);border:0}Çıktı
/*! Magaza temasi - MIT */
.sepet-dugmesi {
--vurgu: #2563eb;
background: var(--vurgu);
border: 0;
color: white;
padding: 12px 20px;
}İpuçları
- SCSS veya LESS için Kod Biçimlendirici'yi kullanın.
- En küçük dosya mı gerekiyor? CSS'i küçültün.
- Öncesini ve sonrasını Metin Karşılaştırma aracında karşılaştırın.
Sık sorulan sorular
CSS kodum sunucuya gönderiliyor mu?
CSS tarayıcınızda işlenir; aracın kodu CSS'i sunucuya göndermez veya kaydetmez. Yalnızca seçenek ayarlarınız tarayıcıda saklanır.
CSS sözdizimi hatalarını nasıl bulabilirim?
Araç, sözdizimi hatasının satır ve sütun numarasını gösterir ve giriş editöründe ilgili satırı vurgular. Hata varsa sonuç alanı boşaltılır; belirtilen yeri düzeltip yeniden deneyin.
SCSS ve LESS kodunu biçimlendirebilir miyim?
Bu araç düz CSS içindir. SCSS veya LESS için Kod Biçimlendirici'yi kullanın.
Büyük CSS dosyalarında otomatik biçimlendirme neden çalışmıyor?
Otomatik biçimlendirme 100 KB'a kadar olan girdilerde çalışır. Daha büyük girdilerde 'CSS'i biçimlendir' düğmesine basın veya Ctrl+Enter ya da Cmd+Enter kullanın. Dosya yüklerken yalnızca .css ve .txt uzantıları kabul edilir; 10 MB'tan büyük dosyaları bölmeniz gerekir.