Inicio / Herramientas para Desarrolladores / Inliner CSS en línea
Herramientas online gratis

Inliner CSS en línea

Convierte reglas CSS simples y sin anidar en estilos en línea; se rechazan distintos selectores que coincidan con un mismo elemento.

Empezar a usar

Inliner CSS en línea

Convierte reglas CSS simples y sin anidar en estilos en línea; se rechazan distintos selectores que coincidan con un mismo elemento.

El navegador analiza HTML y CSS. El texto de todos los elementos style va seguido del CSS adicional. Las reglas del mismo selector se acumulan en orden de origen. Las declaraciones en línea originales conservan su prioridad en línea y se respeta !important. El resultado siempre es un documento completo con doctype, tanto si se eliminan como si se conservan las etiquetas style.

Solo se convierten reglas de estilo sin anidar. Si distintos textos de selector coinciden con el mismo elemento, la conversión se detiene con un error en lugar de adivinar la especificidad. No se expanden reglas @ ni reglas con CSS anidado. No se convierten pseudoelementos, estilos calculados ni hojas externas. El navegador puede descartar CSS inválido y normalizar el HTML.

Cada editor admite hasta 500000 unidades de código UTF-16. Los textos de reglas acumulados, separadores y estilos en línea originales de los elementos coincidentes tienen un límite de 4000000 unidades de código UTF-16; la salida serializada tiene el mismo límite. Reduce elementos HTML o declaraciones CSS si lo superas. Estos límites no garantizan el rendimiento con cualquier entrada.

La conversión usa el CSS pegado de forma local; no descarga hojas externas. El resultado es texto, no una vista previa, descarga o saneador HTML. No elimina scripts ni marcado peligroso. Revisa el código antes de usarlo y pruébalo en el navegador o cliente de correo de destino; no se garantiza conservar el aspecto visual.

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

El procesamiento se realiza localmente en tu navegador.