CSS Biçimlendirici
Her satıra bir bildirim — ya da bütün dosya tek satırda.
Örnekler girdiyi ve ayarları geçici olarak değiştirir. Önceki çalışmanızı geri yükleyebilirsiniz.
0 karakter
Çıktı
Sonucu burada görmek için yukarıya yapıştırın veya yazın.
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Yapıştırdığınız içerik cihazınızda işlenir ve asla bir sunucuya gönderilmez; bu yüzden token'lar, anahtarlar ve yayımlanmamış metinlerle güvenle kullanabilirsiniz.
Örnek
Uygulamalı örnek — CSS Biçimlendirici
Girdi satırlarını sırayla girip aşağıdaki ayarları kullanın. Sonucu çıktı satırlarıyla karşılaştırın.
| Öğe | Değer |
|---|---|
| Girdi 1 | a{color:red;margin:0} |
| Ne yapılsın | Düzenle |
| Girinti | 2 boşluk |
| Çıktı 1 | a { |
| Çıktı 2 | color: red; |
| Çıktı 3 | margin: 0; |
| Çıktı 4 | } |
İki CSS bildirimi, iki boşluk girintiyle ayrı satırlara yerleşir. red ve 0 değerleri değişmez.
Nasıl çalışır
- CSS’i yapıştırın.
- Düzenlemede her seçici ve her bildirim kendi satırına gelir, kurallar arasına boş satır konur.
- Sıkıştırmada yorumlar ve hiçbir işe yaramayan her boşluk gider.
- Sonucu kopyalayın ya da indirin.
Sık sorulan sorular
- Dize ya da url() içindeki kaşlı ayraç ne oluyor?
- Hiç ellenmez. Dizeler ve yorumlar, kaşlı ayraçlardan bölme yapılmadan önce bütün parçalar hâlinde okunur; böylece content: "}" kuralı ikiye ayırmak yerine düzgün biçimlenir.
- Küçültme .a .b içindeki boşluğu koruyor mu?
- Koruyor. O boşluk soyundan gelen birleştiricisidir ve bir anlamı vardır; iki nokta ya da kaşlı ayraç çevresindeki boşlukların yoktur. Yalnızca anlamsız olanlar gider.
- Özelliklerimi yeniden sıralıyor ya da kısaltıyor mu?
- Hayır. Hiçbir şey birleştirilmez, kısaltılmaz ya da yeri değiştirilmez — #ffffff, #ffffff olarak kalır. Burada yazdığınız düzenlenir, yeniden yazılmaz.
- Bir sunucuya bir şey gönderiliyor mu?
- Hayır. Tarayıcıda çalışır; yapıştırdığınız şey bilgisayarınızda kalır.