CSS-inliner online
Konvertér enkle CSS-regler uden indlejring til inline-stile; forskellige selektorer for samme element afvises udtrykkeligt.
Begynd at bruge
CSS-inliner online
Konvertér enkle CSS-regler uden indlejring til inline-stile; forskellige selektorer for samme element afvises udtrykkeligt.
Browseren analyserer HTML og CSS. Teksten fra alle style-elementer efterfølges af den ekstra CSS. Regler med samme selektor samles i kilderækkefølge. Oprindelige inline-deklarationer beholder deres inline-prioritet; !important respekteres. Resultatet er altid et helt dokument med doctype, også når style-tags bevares.
Kun stilregler uden indlejring konverteres. Hvis forskellige selektortekster matcher samme element, stopper konverteringen med en fejl i stedet for at gætte specificitet. @-regler og regler med indlejret CSS foldes ikke ud. Pseudoelementer, beregnede stile og eksterne typografiark konverteres ikke. Browseren kan kassere ugyldig CSS og normalisere HTML.
Hver editor tillader højst 500000 UTF-16-kodeenheder. Samlede regeltekster, separatorer og oprindelig inline-tekst for alle matchende elementer er begrænset til 4000000 UTF-16-kodeenheder; samme grænse gælder det serialiserede output. Reducer HTML-elementer eller CSS-deklarationer ved overskridelse. Grænserne garanterer ikke ydeevne for vilkårligt input.
Konverteringen bruger indsat CSS lokalt; eksterne typografiark hentes ikke. Resultatet er tekst, ikke en forhåndsvisning, download eller HTML-rensning. Scripts og usikker markup fjernes ikke. Gennemgå koden før brug, og test i målbrowseren eller mailklienten; uændret visning garanteres ikke.
<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>Behandlingen foregår lokalt i din browser.