Inliner CSS en ligne

Inliner CSS en ligne

Convertissez des règles CSS simples et non imbriquées en styles en ligne ; les sélecteurs différents visant un même élément sont refusés.

Le navigateur analyse le HTML et le CSS. Le texte de tous les éléments style précède le CSS supplémentaire. Les règles ayant le même sélecteur se cumulent dans l’ordre source. Les déclarations en ligne existantes gardent leur priorité en ligne, en tenant compte de !important. Le résultat est toujours un document complet avec doctype, même si les balises style sont conservées.

Seules les règles de style non imbriquées sont converties. Si des textes de sélecteur différents ciblent le même élément, la conversion s’arrête avec une erreur au lieu d’estimer la spécificité. Les règles @ et celles contenant du CSS imbriqué ne sont pas développées. Les pseudo-éléments, styles calculés et feuilles externes ne sont pas convertis. Le navigateur peut écarter du CSS invalide et normaliser le HTML.

Chaque éditeur accepte au plus 500000 unités de code UTF-16. Les textes de règles cumulés, séparateurs et styles en ligne d’origine des éléments correspondants sont limités à 4000000 unités de code UTF-16 ; la sortie sérialisée a la même limite. Réduisez les éléments HTML ou déclarations CSS en cas de dépassement. Ces limites ne garantissent pas les performances pour toute entrée.

Le CSS collé est traité localement ; les feuilles externes ne sont pas récupérées. Le résultat est du texte, sans aperçu, téléchargement ni assainissement HTML. Les scripts et balises dangereuses ne sont pas supprimés. Vérifiez le code avant emploi et testez-le dans le navigateur ou client de messagerie cible ; le rendu identique n’est pas garanti.

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>