CSS Formateador
Ordena CSS minificado o desalineado en bloques legibles para editar y revisar estilos.
Entrada / Salida
Empieza con la herramienta
La entrada, la salida y las acciones de copiar quedan en esta superficie principal. Los ejemplos y revisiones quedan abajo.
Sesion local
El estado de entrada se guarda solo en este navegador para restaurar el ultimo trabajo sin cuenta.
Revisa despues del resultado
Abre ejemplos, comprobaciones y herramientas relacionadas solo cuando termine el flujo principal.
Ejemplos
Puntos de partida para esta utilidad.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}Casos de uso
Codigo- Ordena CSS minificado o desalineado en bloques legibles para editar y revisar estilos.
- Trata la entrada con modo Local en navegador y revisa el resultado antes de copiar.
- Confirma que selectores, media queries y custom properties siguen en su bloque.
- Prueba el CSS formateado en el breakpoint destino.
- Continua con una herramienta relacionada para confirmar que CSS Formateador encaja con el siguiente paso.