CSS-Inliner
Einfache, flache CSS-Regeln in Inline-Stile umwandeln; verschiedene Selektoren für dasselbe Element werden ausdrücklich abgewiesen.
Jetzt verwenden
CSS-Inliner
Einfache, flache CSS-Regeln in Inline-Stile umwandeln; verschiedene Selektoren für dasselbe Element werden ausdrücklich abgewiesen.
Der Browser analysiert HTML und CSS. Auf den Text aller style-Elemente folgt das zusätzliche CSS. Regeln mit demselben Selektor werden in Quellreihenfolge gesammelt. Vorhandene Inline-Deklarationen behalten ihren Inline-Vorrang; !important wird berücksichtigt. Das Ergebnis ist immer ein vollständiges Dokument mit Doctype, auch wenn style-Tags erhalten bleiben.
Nur flache Stilregeln werden umgewandelt. Treffen unterschiedliche Selektortexte auf dasselbe Element, bricht die Umwandlung mit einem Fehler ab, statt die Spezifität zu schätzen. At-Regeln und Regeln mit verschachteltem CSS werden nicht aufgeklappt. Pseudoelemente, berechnete Stile und externe Stylesheets werden nicht umgewandelt. Ungültiges CSS kann verworfen und HTML normalisiert werden.
Jeder Editor erlaubt höchstens 500000 UTF-16-Codeeinheiten. Gesammelte Regeltexte, Trennzeichen und ursprüngliche Inline-Texte aller passenden Elemente sind auf 4000000 UTF-16-Codeeinheiten begrenzt; dieselbe Grenze gilt für die serialisierte Ausgabe. Reduzieren Sie bei einem Grenzfehler HTML-Elemente oder CSS-Deklarationen. Das ist keine Leistungsgarantie für beliebige Eingaben.
Die Umwandlung verwendet lokal das eingefügte CSS; externe Stylesheets werden nicht abgerufen. Das Ergebnis ist Text, keine Vorschau, Downloadfunktion oder HTML-Bereinigung. Skripte und unsicheres Markup bleiben erhalten. Prüfen Sie den Code vor der Verwendung und testen Sie ihn im Zielbrowser oder E-Mail-Client; unveränderte Darstellung ist nicht garantiert.
<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>Die Verarbeitung erfolgt lokal im Browser.