Herramientas CSS
Formateador CSS online
Formatea CSS moderno para facilitar su lectura y mantenimiento. Las cadenas, URLs, comentarios y funciones se protegen durante el proceso.
Guía CSS
¿Qué es un formateador CSS?
Un formateador CSS reorganiza el código con indentación y saltos de línea para facilitar su lectura, revisión y mantenimiento sin cambiar intencionadamente su comportamiento.
¿Para qué sirve?
Puedes utilizarlo para depurar, revisar código, trabajar en equipo y entender hojas de estilo minificadas.
CSS moderno
El parser conservador protege variables CSS, media queries, container queries, keyframes, bloques supports, funciones, URLs y comentarios.
Formatear y minificar CSS
Formatear mejora la legibilidad. Minificar elimina espacios innecesarios y, opcionalmente, comentarios normales para reducir el tamaño.
Frequently asked questions
CSS Formatter FAQ
How do I format CSS online?
Paste your CSS and select Format CSS. The formatted result will appear in the output editor.
Does the tool change CSS behavior?
It uses conservative formatting and does not reorder properties or perform optimizations. Review important production files before deployment.
Can I format minified CSS?
Yes. The formatter expands blocks, declarations and whitespace to make minified CSS easier to read.
Does it support media queries?
Yes. Blocks such as media, supports and container queries are handled as nested CSS blocks.
Does it support CSS variables?
Yes. Custom properties and their values are protected from unsafe transformations.
Can I minify CSS?
Yes. Minify CSS removes redundant whitespace and can remove normal comments while keeping special comments.
Are comments preserved?
Comments are preserved when formatting. In minified mode you can choose whether to keep them.
Is my CSS stored?
No permanent storage is intentionally used. Avoid entering secrets into any online tool.