Çevrimiçi CSS Satır İçi Dönüştürücü

Özellikler ve Sınırlamalar

Nasıl Çalışır?

Dönüştürücü, HTML'i tarayıcıda bir belge olarak ayrıştırır, tüm style etiketlerinin metnini ve ek CSS'i birleştirir, süslü parantez deseniyle basit seçici bloklarını bulur ve eşleşen bildirimleri her öğenin satır içi stiline uygular. Örneğin, <style>p{color:red}</style><p>Merhaba</p> girdisi, paragrafa satır içi renk bildirimi ekler. 'remove-style' seçiliyken tüm stil etiketleri kaldırılır ve sonuç doctype ile başlayan tam bir belge olarak serileştirilir.

Gerçek Kullanım Senaryosu

E-posta bülteninizde stillerin bazı istemcilerde görünmediğini fark ettiniz. Bu aracı kullanarak stilleri satır içine alabilirsiniz. Örneğin, bir başlık ve paragraf içeren basit bir HTML'i yapıştırın, dönüştürün ve çıktıyı e-posta istemcinizde test edin.

Sınırlamalar

Bu dönüştürücü, CSS basamak, özgüllük, medya sorguları, animasyonlar, pseudo-elementler, iç içe CSS, harici stil sayfaları veya hesaplanmış stilleri tam olarak uygulamaz. Geçersiz seçiciler atlanır. Tarayıcı HTML'i ayrıştırırken normalleştirebilir. Dönüştürme yerel olarak çalışır ve harici kaynakları yüklemez; çıktıyı hedef e-posta istemcisinde doğrulayın.

SSS

1. Dönüştürücü medya sorgularını destekliyor mu?

Hayır, medya sorguları uygulanmaz; yalnızca basit seçiciler işlenir.

2. 'remove-style' seçeneği ne yapar?

Seçiliyken, dönüştürme sonrası tüm style etiketleri kaldırılır ve çıktı tam bir belge olarak sunulur.

3. Karakter sınırı nedir?

Her metin alanı en fazla 500.000 karakter kabul eder.

Kontrol Listesi

• HTML'i yapıştırın
• İsteğe bağlı ek CSS ekleyin
• Remove-style kutusunu işaretleyin
• Dönüştürün
• Çıktıyı e-posta istemcisinde test edin