Saltar al contenido
Toolars
Explorar
Informar de un error

Desarrollo · utilidad Local

Formateador CSS

CSS Formatter

Vuelve a sangrar CSS de hasta 256 KiB con 2 o 4 espacios y un análisis estricto que localiza cada error por línea y columna. En un Worker local.

Ruta de la tarea / de la entrada al resultado

Pega tu CSS

Funciona en local · No se sube nada

Cómo funciona Formateador CSS, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo formatear CSS

  1. 01

    Pega tu CSS

    Pega código de hasta 256 KiB UTF-8. Elige dos o cuatro espacios al formatear.

  2. 02

    Elige la sangría

    Elige 2 o 4 espacios. El ejemplo ya está cargado; el ajuste se aplica al pulsar Formatear.

  3. 03

    Formatea con un analizador real

    Pulsa Formatear. Prettier analiza y vuelve a imprimir CSS con la sangría elegida y un ancho de 100 columnas; comprueba la página de destino.

  4. 04

    Revisa el resultado y las estadísticas

    Compara los bytes UTF-8 de entrada y salida y el porcentaje ahorrado. Un ahorro negativo significa que el resultado creció; revísalo antes de copiarlo o descargarlo.

  5. 05

    Copia o descarga el resultado

    Usa Copiar resultado para el portapapeles o Descargar para guardar la hoja como toolars.css. Cuando llegue la siguiente hoja de estilos, Restablecer vacía la entrada, la salida y las opciones en un solo paso.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Formateador CSS usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Cuándo es útil Formateador CSS

Revisiones de código

Haz que el código fuente sea más fácil de inspeccionar antes de compartirlo con otro desarrollador.

Artefactos de compilación

Crea HTML, CSS o JavaScript compacto sin ejecutar el código fuente.

Fragmentos listos para copiar

Formatea un ejemplo concreto y muévelo directamente a la documentación o a un editor.

Qué hace Formateador CSS en realidad

Una hoja comprimida necesita diferencias fáciles de revisar. Pégala, elige 2 o 4 espacios, formatea y comprueba selectores y orden de reglas alternativas en la página de destino. El recuento de bytes no prueba que solo hayan cambiado espacios.

Preguntas frecuentes

¿Cuál es el límite de tamaño?
La entrada está limitada a 256 KiB y la salida a 512 KiB. El Worker local tiene cinco segundos para iniciarse y otros cinco para ejecutarse; editar el código o pulsar Cancelar lo detiene.
¿El formateo cambia el comportamiento de mi CSS?
El formato normaliza la presentación, pero no prueba el diseño ni la compatibilidad. Revisa selectores, propiedades personalizadas y cascada en la página de destino; conserva el original.
¿Por qué se rechazó mi CSS?
Esto es un analizador, no un ordenador de texto: la sintaxis rota, como una llave sin cerrar o un carácter de más, detiene la ejecución, y la línea de estado indica la línea y la columna del problema. Una entrada no válida no produce ninguna salida, así que una hoja parcial o supuesta nunca llega a tu portapapeles por accidente.
¿Puedo usar tabulaciones o una sangría de ocho espacios?
No. Tamaño de la sangría ofrece exactamente 2 espacios y 4 espacios, las dos convenciones que siguen casi todas las hojas de estilos. Si tu proyecto usa otro ancho, formatea aquí con la opción más cercana y deja que el formateador de tu editor normalice la diferencia restante.
¿Qué me dice la fila de estadísticas?
Esta fila muestra los bytes UTF-8 antes y después de la transformación y la diferencia. El formato puede aumentar el tamaño; esas cifras no prueban validez ni equivalencia visual.
¿Se sube mi hoja de estilos a algún sitio?
No. El código se analiza en un Worker local sin ejecutarlo, subirlo ni guardarlo. Que el analizador lo acepte no garantiza corrección ni compatibilidad.

Continuar en Desarrollo

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Código a imagen

Code to Image Converter

Convierte código en una tarjeta PNG o SVG con resaltado Shiki para seis lenguajes, temas claro y oscuro, números de línea, título y escala 1x o 2x.

Crear

Generador de slugs URL

URL Slug Generator

Convierte títulos en slugs limpios en vivo: sin acentos, & convertido en and, guiones o guiones bajos como separador y escrituras no latinas intactas.

Crear

Sombras para React Native

React Native Shadow Generator

Ajusta sombras de iOS, elevation de Android o la nueva propiedad boxShadow contra una vista previa en vivo, y copia el fragmento StyleSheet.

Crear

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifica texto Unicode a Base64 y decodifícalo con validación en vivo, opciones UTF-8 y URL-safe, e intercambio para la ida y vuelta. En local.

Convertir