Formateador CSS

Formatea código y localiza errores de sintaxis.

En tu dispositivo · Sin cuenta

Formateador CSS procesa lo que introduces en este navegador. Los datos introducidos y los resultados se excluyen de las estadísticas de uso. Las herramientas recientes guardan sus nombres, el número de visitas y la fecha y hora de la última visita. Las herramientas guardadas solo almacenan sus nombres. Guardar borradores es opcional y el texto permanece en este dispositivo; puedes eliminarlo con los controles del borrador. Cargar texto desde una URL es opcional y establece una conexión con ese servidor; el servidor puede ver la URL y tu dirección IP. La opción «Usar en» conserva temporalmente los datos en esta pestaña para pasarlos a otra herramienta. La siguiente herramienta los elimina al abrirse y los ignora si ha pasado más de un minuto.

«Copiar enlace» incluye en la dirección los datos que elijas compartir. Cualquiera que tenga el enlace puede volver a abrirlos. Se excluyen los archivos y los resultados generados. Las herramientas de contraseñas y claves solo comparten los ajustes.

Español

Tu código

Opciones y archivo local

Sangría

Abrir un archivo de texto de este dispositivo

Los ajustes opcionales solo se aplican a esta pestaña.

Tu resultado

Guardar un borrador en este dispositivo

Guardar los cambios de este borrador

El guardado está desactivado. Cualquiera que use este perfil del navegador puede leer un borrador guardado. No se sube nada al servidor.

Más

Atajos de teclado

Sobre los enlaces y el reinicio

Los enlaces incluyen los datos que introduces y la configuración. Cualquiera que tenga el enlace puede verlos, así que no incluyas texto privado. Los archivos y los resultados generados no se incluyen; las selecciones aleatorias se repiten.

Al restablecer, la herramienta se recarga con sus valores iniciales y libera los archivos abiertos y los controles de dispositivos. Los borradores guardados permanecen en este dispositivo hasta que los elimines.

Cómo funciona el formateador CSS

Pega CSS para formatearlo con el analizador de Prettier 3.9.8 incluido. El resultado se vuelve a analizar y se comprueba que el formato sea estable antes de habilitar las opciones Copiar o Descargar.

Siguiente: Formateador de JavaScript

Siguiente: Formateador de HTML

Ejemplo

Por ejemplo, a{color:red} se convierte en un documento CSS con un espaciado uniforme. Si hay delimitadores o comillas sin cerrar, se muestra un error de sintaxis y el texto que has introducido sigue disponible para corregirlo.

Antes de usar el resultado

El formateo CSS conserva las declaraciones y los comentarios. No comprueba si un navegador concreto admite una propiedad. Este formateador no minifica; eliminar espacios sin un minificador que interprete el lenguaje puede cambiar el significado.

Actualizado 7 de octubre de 2026

Citar esta página

Estilo de cita

ToolOctopus. “Formateador CSS.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/formateador-css.

Añade la fecha de consulta si tus instrucciones lo requieren.

Las citas se formatean con citeproc-js, de Frank Bennett, y estilos de Citation Style Language. Licencia y código fuente.