Inlinador de CSS para correo electrónico Inserta estilos CSS en elementos HTML para garantizar la compatibilidad con plantillas de correo electrónico.

El HTML de correo electrónico tiene limitaciones significativas de CSS en comparación con el HTML web. La mayoría de los clientes de correo electrónico solo admiten estilos en línea (a través de atributos de estilo), propiedades de CSS básicas y diseños basados en tablas. Gmail elimina las etiquetas <style> en la parte superior. Outlook utiliza el motor de renderizado Word con un soporte limitado para CSS. El proceso de inserción analiza las reglas de CSS, coincide con los selectores con los elementos HTML y agrega declaraciones coincidentes como atributos de estilo. Los selectores de etiquetas simples (h1, p, a) y los selectores de clase (.button, .container) son los más fiablemente coincidentes. Los selectores complejos (combinadores, pseudo-clases, pseudo-elementos) tienen un soporte limitado en los clientes de correo electrónico de todos modos. Después de la inserción, pruebe con herramientas como Litmus o Email on Acid en varios clientes. Mantenga el HTML de correo electrónico simple: use tablas para el diseño, estilos en línea para toda la apariencia y incluya versiones tanto de HTML como de texto plano. Evite características de CSS como flexbox, grid, posición y flotación en los correos electrónicos.