Cómo se usa
- Pega tu CSS en el editor de entrada.
- Selecciona 2 espacios, 4 espacios o Tabulación en Sangría.
- Elige Misma línea o Línea siguiente en Llaves.
- Revisa el CSS formateado en el editor de salida.
Ejemplos
Hacer legible el CSS de una tienda
.producto{color:#222;padding:16px;background:#fff}.precio{font-weight:700;color:#b42318}.producto {
color: #222;
padding: 16px;
background: #fff;
}
.precio {
font-weight: 700;
color: #b42318;
}Formatear estilos para móvil con llaves aparte
@media (max-width:600px){.catalogo{display:grid;gap:12px;& .producto{padding:8px}}}@media (max-width:600px)
{
.catalogo
{
display: grid;
gap: 12px;
& .producto
{
padding: 8px;
}
}
}Ordenar propiedades y eliminar comentarios
/*! Licencia MIT */
/* Tarjeta del catálogo */
.tarjeta{padding:16px;--color-acento:#00695c;color:var(--color-acento);background:#fff}/*! Licencia MIT */
.tarjeta {
--color-acento: #00695c;
background: #fff;
color: var(--color-acento);
padding: 16px;
}Consejos
- Para SCSS o LESS usa el Formateador de código.
- ¿Necesitas el archivo más pequeño posible? Minificar CSS.
- Compara el antes y el después en el Comparador de textos.
Preguntas frecuentes
¿Ordenar las propiedades CSS puede cambiar el resultado?
Ordenar propiedades con A–Z conserva el orden original cuando cambiarlo alteraría qué declaración prevalece, por ejemplo entre margin y margin-top. En ese caso, aparece un aviso.
¿Cómo encuentro un error de sintaxis en mi CSS?
Si el analizador detecta un error, indica la línea y la columna y resalta la línea en el editor de entrada. El resultado se vacía hasta que corrijas el error.
¿Sirve para formatear SCSS o LESS?
Esta herramienta está pensada para CSS. Para SCSS o LESS, usa el Formateador de código; que un fragmento sencillo se pueda procesar no implica compatibilidad con esos lenguajes.
¿Se envía mi CSS a un servidor?
El CSS se procesa en tu navegador y la herramienta no lo envía al servidor ni lo guarda. Solo se guardan tus ajustes de opciones en localStorage.
¿Qué archivos puedo subir?
Se aceptan archivos .css y .txt de hasta 10 MB. Si tu archivo supera ese tamaño, divídelo y formatea cada parte.