Inliner CSS en línea
Convierte CSS de bloques style en estilos en línea para HTML. Pega tu código, añade CSS extra y obtén el resultado listo para correos. El procesamiento se re…
Empezar a usar
Qué hace esta herramienta
Convierte reglas CSS simples en atributos style en línea. Por ejemplo, con <style>p{color:red}</style><p>Hola</p>, el párrafo recibe style="color: red;".
Parámetros y procesamiento
El navegador analiza el HTML, concatena el texto de todos los elementos <style> con el CSS adicional, busca bloques de selectores simples y aplica las declaraciones coincidentes a cada elemento. Si activas 'eliminar estilo', se eliminan los elementos <style> y el resultado se serializa como documento completo con <!DOCTYPE html>.
Limitaciones
No implementa completamente la cascada CSS, especificidad, media queries, keyframes, pseudo-elementos, CSS anidado, hojas de enlace externas ni estilos calculados. Los selectores no válidos se omiten. El navegador puede normalizar el HTML durante el análisis.
Privacidad
La conversión se ejecuta localmente y no carga hojas de estilo externas ni recursos remotos.
Preguntas frecuentes
¿Qué ocurre con los selectores no válidos?
Se omiten sin afectar al resto de la conversión.
¿Puedo usar media queries?
No, esta herramienta no procesa media queries; se ignoran.
¿El resultado es seguro para enviar?
No es un saneador ni garantiza que el renderizado visual sea idéntico. Inspecciona la salida en tu cliente de correo.
Lista de verificación
- Pega el HTML con estilos.
- Añade CSS extra si lo necesitas.
- Decide si eliminar los bloques
<style>. - Convierte y copia el resultado.
- Prueba en el destino final.
El procesamiento se realiza localmente en tu navegador.