Ir a la herramienta
JoeLucky

Haz clic en ★ para guardar una herramienta

Categorías de herramientas

Codificador/decodificador Base64Visor de árbol JSONPOPULARDecodificador JWTGenerador de UUIDCodificador/decodificador de URLJSON a CSVCSV a JSONJSON a YAMLYAML a JSONJSON a XMLXML a JSONCSV a YAMLYAML a CSVFormateador JSONFormateador YAMLFormateador XMLFormateador HTMLFormateador CSSProbador de regexGenerador de hashAnalizador de CronCodificador/decodificador de entidades HTMLConversor de bases numéricasAnalizador de URLVisor y validador de CSVVista previa de MarkdownFormateador SQLEditor Mermaid en vivoCalculadora de costo de API de LLMNUEVOCalculadora de VRAM para LLMNUEVOVisualizador de chunks RAGNUEVOCosto de almacenamiento en la nube (S3, R2, B2)NUEVOCalculadora de disponibilidad SLANUEVO
JoeLucky

Herramientas en línea prácticas, todas en un solo lugar

Política de privacidadTérminos del servicio

© 2026 JoeLucky®. Todos los derechos reservados.

  1. JoeLucky
  2. /Desarrollo
  3. /Formateador CSS

Formateador CSS

Da formato a hojas de estilo CSS con sangría limpia, incluidas reglas anidadas y media queries.

0 / 500,000 car.

El formateo se ejecuta por completo en tu navegador: el código que pegues o subas aquí nunca se envía a ningún servidor.

DESARROLLO SIMILARES

Ver todas
Codificador/decodificador Base64

Convierte rápidamente entre texto y Base64.

Abrir →
Visor de árbol JSON

Explora estructuras JSON anidadas y detecta errores de sintaxis.

Abrir →
Decodificador JWT

Decodifica un JWT para leer su encabezado, su carga útil y su caducidad. Solo decodifica: no verifica la firma.

💬 Comentarios

?

Aún no hay comentarios. ¡Sé el primero!

¿QUÉ ES Formateador CSS?

Formatea CSS con sangría limpia para reglas @ anidadas, media queries, keyframes y propiedades personalizadas.

¿Cómo se usa?

  1. Pega o sube tu CSS.
  2. Elige una sangría (2 o 4 espacios, o tabulación).
  3. Haz clic en Formatear y copia el resultado.

Preguntas frecuentes

¿Admite la sintaxis SCSS o Less?

No: esta herramienta solo formatea CSS estándar y no afirma admitir la sintaxis propia de SCSS/Less (como selectores anidados o interpolación de variables), para evitar una salida incorrecta.

¿Las media queries y los keyframes se formatean correctamente?

Sí: las at-rules anidadas (como @media, @keyframes) y las propiedades personalizadas de CSS (--variable) se reconocen correctamente y reciben una sangría clara.

¿Qué pasa cuando el CSS tiene un error de sintaxis?

Se muestra un mensaje de error claro (p. ej. «bloque sin cerrar») y se conserva tu entrada original: la herramienta nunca intenta adivinar ni corregir en silencio tu hoja de estilos.

Abrir →