Formateador CSS

El formateador de CSS convierte hojas de estilo minificadas o con espacios irregulares en CSS legible, con sangría coherente en llaves, selectores, declaraciones, consultas de medios y reglas anidadas.

Elige tabulaciones o espacios, coloca las llaves de apertura en la misma línea o en otra, divide las listas de selectores y controla el espacio entre reglas. Los valores de cadena, propiedades personalizadas, comentarios, funciones y URL de datos se analizan sin sustituciones destructivas mediante expresiones regulares.

Minificar elimina espacios innecesarios del CSS sin reestructurar las reglas. Optimizar y minificar también puede combinar y reorganizar CSS compatible para reducir más el resultado. El formato y la compresión se realizan localmente en el navegador. Formateador SCSS para variables, anidamiento, mixins, funciones y otras construcciones de SCSS.

Preguntas frecuentes sobre el formateador de código

¿Cómo formateo código en esta página?

Pega el código en el editor izquierdo o carga un archivo, elige las opciones necesarias y pulsa Formatear. Revisa el resultado a la derecha y después cópialo o guárdalo.

¿Por qué puede mostrar un error el formateador?

La entrada debe corresponder al lenguaje o la sintaxis seleccionados. Revisa sentencias incompletas, corchetes o comillas sin cerrar y un dialecto o modo que no coincida con la entrada antes de intentarlo de nuevo.

¿Cómo funciona un formateador de código?

Un formateador reconoce tokens y estructuras anidadas del lenguaje y reorganiza sangría, espacios y saltos de línea con reglas coherentes. No compila ni ejecuta el programa, por lo que no sustituye una revisión de corrección o seguridad.

¿Qué ajustes se recomiendan para este lenguaje?

2 espacios, llaves de apertura en la misma línea, selectores separados y espacio entre reglas son convenciones web habituales. Controla sangría, estilo de llaves y saltos de selectores y reglas; después elige formatear, minificar solo espacios u optimizar con más intensidad CSS válido.