Accueil / Outils de développement / Inliner CSS en ligne
Outils en ligne gratuits

Inliner CSS en ligne

Convertissez les styles CSS en attributs inline pour vos e-mails. Collez votre HTML, ajoutez du CSS, obtenez un document compatible. Le traitement s’effectue…

Commencer

Fonctionnalités et limites

Cet outil convertit les règles CSS en attributs style inline pour chaque élément correspondant. Par exemple, avec le code <style>p{color:red}</style><p>Bonjour</p>, le paragraphe recevra la déclaration color:red en style inline.

Options disponibles

  • Zone de saisie HTML (500 000 caractères maximum)
  • Zone de saisie pour CSS supplémentaire
  • Case à cocher « Supprimer les styles » (activée par défaut)

Limites importantes

La conversion est légère et ne prend pas en charge la cascade CSS complète, la spécificité, les media queries, les keyframes, les pseudo-éléments, le CSS imbriqué, les feuilles de style externes ou les styles calculés. Les sélecteurs invalides sont ignorés. Le navigateur peut normaliser le HTML pendant l'analyse.

Confidentialité

La conversion s'effectue localement dans votre navigateur ; aucune feuille de style externe ni ressource distante n'est chargée.

FAQ

Pourquoi mon style n'est-il pas appliqué ?

Vérifiez que votre sélecteur est valide et que la règle n'utilise pas de fonctionnalités non prises en charge comme les media queries ou les pseudo-éléments.

Que signifie « Supprimer les styles » ?

Si cette option est activée, toutes les balises <style> sont retirées du document final après conversion. Si vous la désactivez, elles sont conservées.

Puis-je utiliser des feuilles de style externes ?

Non, l'outil ne charge pas les feuilles de style externes. Vous devez coller le CSS supplémentaire dans la zone prévue.

Vérification finale

  • Inspectez le résultat dans votre client e-mail ou navigateur cible.
  • Cet outil n'est pas un assainisseur ni un garant de compatibilité.

Le traitement s’effectue localement dans votre navigateur.