Inliner CSS online

Come funziona l'inline CSS

Quando prepari un'email HTML o un documento che richiede stili inline, questo strumento ti aiuta a trasformare i CSS in attributi style direttamente sugli elementi. È utile perché molti client di posta ignorano i fogli di stile esterni o in testa.

Esempio pratico

Se inserisci:

<style>p{color:red}</style><p>Ciao</p>

Dopo la conversione, il paragrafo riceverà l'attributo style="color: red;". Se l'opzione "Rimuovi stili" è attiva, il tag <style> viene rimosso e il risultato è un documento completo che inizia con il doctype.

Limiti da conoscere

La conversione è volutamente leggera: non implementa completamente la cascata CSS, la specificità, le media query, i keyframes, i pseudo-elementi, il CSS annidato o i fogli di stile esterni. Il browser può normalizzare l'HTML durante il parsing. I selettori non validi vengono saltati.

Privacy

La conversione avviene interamente nel tuo browser: nessun dato viene inviato a server remoti e non vengono caricati fogli di stile esterni.

Domande frequenti

Perché alcuni stili non vengono applicati?

Selettori complessi come pseudo-elementi o media query non sono supportati. Inoltre, se il selettore non è valido, viene ignorato. Controlla che il CSS sia semplice e compatibile.

Il risultato è identico all'originale?

Non è garantito: la resa visiva può variare perché non viene simulata l'intera cascata. È consigliabile ispezionare l'output nel client di posta o nel browser di destinazione.

Posso usare questo strumento per ripulire HTML non sicuro?

No, non è un sanitizer. Non rimuove script o contenuti pericolosi e non garantisce la sicurezza del codice. Usalo solo per convertire stili.

Checklist per l'uso

• Incolla HTML con stili semplici.
• Eventuale CSS aggiuntivo nella seconda area.
• Decidi se rimuovere i tag <style>.
• Avvia la conversione.
• Controlla il codice generato.
• Testa nel client di posta o browser.