109 · Herramientas para desarrolladores

Formateador CSS

Pegue CSS minimizado o desordenado para obtener una propiedad por línea y borrar la sangría.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Formateador CSS

Cómo utilizar el formateador CSS

  1. Pega tu CSS.
  2. Elija la sangría.
  3. Copie el CSS formateado.

que cambia

Cada regla tiene su propio bloque, cada declaración su propia línea y los selectores separados por comas van en líneas separadas. Bloques anidados como @media están sangrados. cuerdas y url() los valores nunca se dividen, incluso si contienen punto y coma.

Ejemplos

.card{display:flex;gap:12px}

.card { mostrar: flexionar; espacio: 12px; }

@media (ancho máximo: 600 px) {...}

Bloque multimedia sangrado

Preguntas

¿Se guardan los comentarios?

Los comentarios normales se eliminan durante el formateo. Comentarios que comienzan con /*! (notas de licencia) se conservan.

¿Se cargan mis datos?

No. Todo se ejecuta en tu navegador, por lo que lo que pegas nunca sale de tu dispositivo.

Traducción automática. Revisar resultados importantes.