Qué hace esta herramienta
Da formato a selectores CSS, consultas de medios, fotogramas clave, comentarios, calc() y propiedades personalizadas con sangría de 2 o 4 espacios.
- Admite CSS moderno común, consultas de medios y fotogramas clave.
- Solo da formato al texto y no inyecta estilos en la página actual.
- La sintaxis no válida mostrará un error del analizador.
Cómo utilizarla
- Pega el CSS.
- Seleccione el ancho de sangría.
- Haga clic en "Formatear CSS".
- Copie o descargue el archivo.css formateado.
Usos habituales
- Limpia hojas de estilo de una sola línea o difíciles de leer.
- Unifique el formato del fragmento de código del equipo.
- Ayuda a observar consultas de medios anidadas y estructuras de animación.
Funciones de CSS Formatter
Analice y embellezca selectores, declaraciones, consultas de medios, fotogramas clave y propiedades personalizadas de CSS. Revisa el resultado y copia el texto que necesites.
FAQ
¿Las propiedades personalizadas se dividirán incorrectamente?
Se admiten los valores habituales de --custom-property y se conserva su contenido.
¿El formato cambiará el efecto del selector?
El objetivo es sólo cambiar el diseño; sin embargo, se recomienda conservar los archivos fuente y probar el proyecto antes de procesarlo con cualquier herramienta automatizada.
¿Se aplicará CSS a esta página?
No. Tanto la entrada como la salida permanecen en cuadros de texto.