Pour les e-mails HTML
L’inline peut améliorer la compatibilité avec les clients limitant les feuilles externes.
Inlineur CSS
Convertissez les règles CSS en attributs style pour les templates d e-mail et les pages autonomes.
CSS inline
Outil CSS inline
Associez les éléments HTML avec des sélecteurs du navigateur et écrivez les déclarations dans style. Balises, classes, IDs, descendants, attributs et styles inline sont pris en charge.
Respecter la cascade
Les règles suivent leur ordre, le style existant est fusionné en dernier et !important reste prioritaire.
Limites clairs
Les règles imbriquées comme media, supports et keyframes ne sont pas inlineées comme sélecteurs ordinaires et sont signalées.
Mode d’emploi
- Collez HTML et CSS, ou laissez CSS vide pour lire les éléments style du HTML.
- Choisissez de garder style et DOCTYPE puis lancez l’inline.
- Vérifiez les attributs style puis copiez ou téléchargez le HTML autonome.
Questions fréquentes
Pourquoi media ne va pas dans style ?
Media et keyframes doivent rester des règles CSS ; les mettre sur chaque élément changerait leur sens. L’outil signale ces règles.
Les scripts sont-ils exécutés ?
Non. HTML est analysé avec DOMParser et les scripts ne sont pas exécutés. Vérifiez ceux du résultat dans votre projet.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Intégrer CSS et JavaScript
Intégrez les ressources CSS et JavaScript externes au HTML pour créer une page portable en un seul fichier.
Formateur HTML
Organisez les balises HTML, l indentation et les retours à la ligne pour rendre le code compacté plus lisible.
Aperçu HTML en direct
Exécutez HTML, CSS et JavaScript dans le navigateur et prévisualisez immédiatement les changements.