CSS-inliner online
Zet eenvoudige, niet-geneste CSS-regels om in inline HTML-stijlen; verschillende selectors voor hetzelfde element worden geweigerd.
Aan de slag
CSS-inliner online
Zet eenvoudige, niet-geneste CSS-regels om in inline HTML-stijlen; verschillende selectors voor hetzelfde element worden geweigerd.
De browser ontleedt HTML en CSS. De tekst uit alle style-elementen wordt gevolgd door de extra CSS. Regels met dezelfde selector worden in bronvolgorde verzameld. Bestaande inline-declaraties behouden hun inline-prioriteit; !important wordt gerespecteerd. Het resultaat is altijd een volledig document met doctype, ook als style-tags behouden blijven.
Alleen niet-geneste stijlregels worden omgezet. Als verschillende selectorteksten hetzelfde element selecteren, stopt de conversie met een fout in plaats van specificiteit te raden. @-regels en regels met geneste CSS worden niet uitgewerkt. Pseudo-elementen, berekende stijlen en externe stylesheets worden niet omgezet. De browser kan ongeldige CSS negeren en HTML normaliseren.
Elke editor accepteert maximaal 500000 UTF-16-code-eenheden. Verzamelde regelteksten, scheidingstekens en oorspronkelijke inline-tekst van alle geselecteerde elementen zijn beperkt tot 4000000 UTF-16-code-eenheden; dezelfde limiet geldt voor de geserialiseerde uitvoer. Verminder HTML-elementen of CSS-declaraties bij overschrijding. Dit garandeert geen prestaties voor elke invoer.
De conversie gebruikt geplakte CSS lokaal; externe stylesheets worden niet opgehaald. Het resultaat is tekst, geen voorbeeldweergave, download of HTML-opschoning. Scripts en onveilige markup worden niet verwijderd. Controleer de code voor gebruik en test in de doelbrowser of e-mailclient; dezelfde weergave is niet gegarandeerd.
<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>De verwerking gebeurt lokaal in je browser.