Formateador CSS

Reorganiza texto similar a CSS con saltos tras llaves de apertura, llaves de cierre y puntos y coma, y aplica sangría de dos espacios dentro de cada nivel. Ofrece una vista rápida y un control para copiar la salida.

Pega CSS en el editor y el resultado se actualiza al instante. Copia la salida cuando esté lista o usa Reset para vaciar el editor; Reset no recupera el ejemplo inicial.

Fuera de cadenas entre comillas y comentarios, reduce secuencias de espacios y divide declaraciones tras los puntos y coma. Conserva contenido citado, escapes, comentarios de bloque y comentarios de línea // reconocidos mientras las llaves cambian la profundidad.

Es un formateador ligero basado en caracteres, no un parser, validador, linter ni prueba de conformidad CSS. No normaliza espacios alrededor de dos puntos, ordena propiedades, expande abreviaturas, añade puntuación ausente ni informa de llaves sin pareja o declaraciones inválidas.

Aunque busca cambiar solo la presentación, una entrada mal formada, escapes inusuales, URL de datos, sintaxis especial o comentarios no estándar pueden dar resultados inesperados. Revisa y prueba la hoja antes de producción y conserva el original.

Al pegar `.card{color:red;padding:8px 12px}a:hover{color:blue}` se generan dos bloques; cada declaración y selector queda en su propia línea con sangría de dos espacios dentro de las llaves — por ejemplo, `color: red;` y `padding: 8px 12px;` terminan como líneas independientes bajo `.card {`.

El procesamiento se realiza localmente en el navegador. La herramienta no sube el CSS pegado.