Las herramientas de desarrollo que usas cada día, todas en un mismo lugar.

Conversores, formateadores, hashes, validadores y las pequeñas utilidades que no dejas de reabrir se quedan juntos en lugar de perderse entre pestañas.

GitHub

/ Herramientas

■

/ Buscador de herramientas

109 herramientas

/ Formateador/Minificador CSS

Entrada CSS

/ Herramienta seleccionada

■

Formateador/Minificador CSS - herramienta de formateo gratuita

Formatea o minifica hojas de estilo CSS

■ 01

¿Qué es CSS?

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo que se usa para describir la presentación de los documentos HTML. Controla el diseño, los colores, las fuentes y el aspecto visual general de las páginas web.

■ 02

¿Cómo funciona?

El formateo analiza las reglas CSS y añade sangría consistente, saltos de línea después de las llaves y los puntos y coma, y espaciado alrededor de los selectores. La minificación hace lo contrario: elimina comentarios, colapsa los espacios en blanco y elimina…

■ 03

Casos de ejemplo

Cubre Regla CSS simple, Varios selectores y Con comentarios para que puedas comparar entradas y salidas comunes rápidamente.

/ Herramientas relacionadas

/ Código

■

Código fuente de la herramienta seleccionada, mostrado aquí junto a la versión en vivo a la derecha.

/ Código fuente

TypeScript

typescript

// No external dependencies needed - uses built-in string manipulation

function formatCss(css: string): string {
  if (!css.trim()) return '';

  let formatted = css;

  // Remove comments
  formatted = formatted.replace(/\/\*[\s\S]*?\*\//g, '');