İçeriğe geç
ToolMug

CSS Biçimlendirici

Küçültülmüş veya dağınık CSS kodunu okunabilir, tutarlı girintili stil sayfalarına dönüştürün. İç içe kurallar, değişkenler ve mixin’ler dahil SCSS ve Less de desteklenir.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Nasıl kullanılır

  1. CSS, SCSS veya Less kodunuzu yapıştırın.
  2. Dili ve girintiyi seçin.
  3. Biçimlendir düğmesine tıklayın veya Ctrl+Enter (Mac’te ⌘+Enter) tuşlarına basın.
  4. Biçimlendirilmiş stil sayfasını kopyalayın.

Seçeneklerin açıklaması

Dil
CSS, SCSS veya Less. Değişkenlerin ($gap, @gap) ve iç içe kuralların doğru anlaşılması için doğru olanı seçin.
Girinti ve satır genişliği
İç içe kurallar ve bildirimler için girinti ile uzun seçici listelerinin ve değerlerin alt satıra geçtiği genişlik.

Örnekler

Küçültülmüş framework CSS’i. Kuralları tek tek okumak için tek satırlık bir .min.css dosyasını yapıştırın.

SCSS temizliği. Karışık girintili iç içe SCSS kodunu yapıştırın ve tutarlı, iki boşluklu iç içe yapı elde edin.

Sıkça sorulan sorular

Biçimlendirme neyi değiştirir?

Her bildirimi ayrı bir satıra koyar, iki nokta ve süslü parantezlerin çevresindeki boşlukları düzenler, onaltılık renkleri küçük harfe çevirir ve art arda gelen boş satırları teke indirir. Özelliklerin sırası ve değerleri değişmez.

Bir web sitesinden alınan küçültülmüş CSS’i açabilir miyim?

Evet. Küçültülmüş dosyayı yapıştırın ve Biçimlendir’e tıklayın. Küçültücünün sildiği yorumlar geri getirilemez.

Kodum yükleniyor mu?

Hayır. Biçimlendirme tarayıcınızda çalışır.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar