Her gün elinin altında olan geliştirici araçları, hepsi tek yerde.

Dönüştürücüler, formatlayıcılar, hash'ler, doğrulayıcılar ve sürekli yeniden açtığın küçük yardımcılar sekmeler arasında kaybolmak yerine bir arada duruyor.

GitHub

/ Araçlar

■

/ Araç Bulucu

109 araç

/ CSS Biçimlendirici/Küçültücü

CSS Girişi

/ Seçili Araç

■

CSS Biçimlendirici/Küçültücü - ücretsiz formatlayıcı aracı

CSS stil sayfalarını biçimlendirin veya küçültün

■ 01

CSS Nedir?

CSS (Cascading Style Sheets), HTML belgelerinin sunumunu tanımlamak için kullanılan bir stil sayfası dilidir. Web sayfalarının düzenini, renklerini, fontlarını ve genel görsel görünümünü kontrol eder.

■ 02

Nasıl çalışır?

Biçimlendirme, CSS kurallarını ayrıştırır ve tutarlı girinti, süslü parantez ve noktalı virgüllerden sonra satır sonları ve seçicilerin etrafına boşluk ekler. Küçültme bunun tersini yapar: yorumları kaldırma, boşlukları daraltma ve eleme…

■ 03

Örnek Durumlar

Basit CSS kuralı, Birden çok seçici ve Yorumlarla durumlarını kapsar, böylece yaygın girdileri ve çıktıları hızlıca karşılaştırabilirsiniz.

/ İlgili Araçlar

/ Kod

■

Seçili araca ait kaynak kodu; sağdaki canlı sürümün yanında burada gösteriliyor.

/ Kaynak Kodu

TypeScript

typescript

// No external dependencies needed - uses built-in string manipulation

function formatCss(css: string): string {
  if (!css.trim()) return '';

  let formatted = css;

  // Remove comments
  formatted = formatted.replace(/\/\*[\s\S]*?\*\//g, '');