CSS-input

Inline-stilfragmenter

Hvad er CSS til Inline-konvertering?

Har du brug for at konvertere CSS-stylesheetregler til inline style-attributter? Dette værktøj gør præcis det. Det tager dine CSS-regler og konverterer dem til færdige inline-stilfragmenter du kan indsætte direkte i HTML-elementer.

Inline-stilarter er nødvendige når du arbejder med HTML-e-mail, hvor eksterne stylesheets fjernes af e-mailklienter som Gmail og Outlook. De er også afgørende for e-mailtestværktøjer, HTML-til-billede-konvertere og ældre HTML-genereringssystemer der ikke understøtter linket CSS.

Konverteren håndterer alle CSS-egenskaber, vendor-præfikser, !important-flaget, shorthand-egenskaber som font og margin, og media queries. Alt sker direkte i browseren — ingen upload, ingen datalagring, fuldstændig sikkert.

Sådan bruger du CSS til Inline-værktøjet

Følg disse trin for at konvertere CSS-regler til inline-stilfragmenter.

Indsæt, upload eller indlæs eksempeldata

Indsæt CSS i det venstre CSS-input-felt eller klik på Upload for at indlæse en .css-fil. Klik på Eksempeldata for at se eksempelformatering. Eksempel:

.subscriber-card {
  border: 1px solid #e0e0e0;
  padding: 16px;
  border-radius: 8px;
}
.plan-badge {
  display: inline-block;
  padding: 4px 8px;
  background: #e3f2fd;
}

Se inline-stilfragmenter

Det højre Inline-stilfragmenter-felt viser hver selektor med formatet style="property: value; ...". Kopier fragmenter til HTML-elementer, e-mailskabeloner eller ældre systemer der kræver inline-stilarter.

Kopier eller download

Klik på Kopier for at kopiere til udklipsholder, eller Download for at gemme. Brug Ryd for at starte forfra.

Hvornår du faktisk bruger dette

Design af HTML-e-mail

E-mailklienter fjerner eksterne stylesheets. Byg dit e-maildesign i CSS og brug derefter dette værktøj til at konvertere til inline-stilarter. Fungerer fremragende med e-mailplatforme som Campaign Monitor og Mailchimp.

HTML til Billede-konvertering

Værktøjer der konverterer HTML til billeder eller PDF'er indlæser ikke eksterne CSS-filer, så de har brug for inline-stilarter. Konverter dit stylesheet til inline-stilarter inden du sender HTML til disse konvertere.

Migrering af legacy-systemer

Migrerer du fra moderne web-frameworks til ældre systemer der kun understøtter inline-stilarter? Dette værktøj automatiserer konverteringen og sparer timer af manuel kopiering og formatering.

Dynamisk HTML-generering

Bygger du HTML-generatorer eller skabelonsystemer hvor du har brug for inline-stilarter for hvert element? Konverter din hoved-CSS én gang og referer derefter til inline-stilfragmenterne i din genereringskode.

Ofte stillede spørgsmål

Hvorfor kan jeg ikke bare linke en CSS-fil i HTML-e-mail?

De fleste e-mailklienter (Gmail, Outlook, Apple Mail) fjerner <link>- og <style>-tags af sikkerhedshensyn. Inline-stilarter er en af få måder at pålideligt style HTML-e-mail. Se Campaign Monitors CSS-supportguide.

Konverteres komplekse selektorer?

Konverteren håndterer de fleste CSS-selektorer. Simple selektorer (elementer, klasser, ID'er) konverteres direkte. For pseudoselektorer som :hover, der ikke kan være inline, indikerer værktøjet at de ikke kan konverteres.

Kan jeg konvertere media queries til inline-stilarter?

Media queries kan ikke udtrykkes som inline-stilarter — de kræver separate <style>-blokke. Konverteren identificerer media query-regler og adskiller dem fra stilarter der kan indlejres.

Håndterer det shorthand-egenskaber?

Absolut. Shorthand-egenskaber som margin: 10px 20px, padding: 5px og font: bold 12px Arial ekspanderes automatisk til fulde ækvivalenter for maksimal kompatibilitet med e-mailklienter.

Hvad med !important-deklarationer?

!important-flaget bevares i inline-stilarter nøjagtigt som skrevet. Det fungerer på samme måde — tvinger højere prioritet og tilsidesætter modstridende stilarter.

Gemmes eller analyseres mine CSS-data?

Nej. Al konvertering sker i browseren med JavaScript. Din CSS forlader aldrig computeren og vi gemmer, analyserer eller logger ingen data. Fuld privatliv garanteret.

CSS til Inline-stilarter