InicioSkillsHerramientas para desarrolladoresAcerca de

CSS Formatter

Formatea, embellece y minifica tu CSS y SCSS con resaltado de sintaxis.

Las herramientas se ejecutan en tu navegador. Los enlaces compartidos pueden incluir tu contenido; revisa la URL antes de compartirla.

Cómo usar la herramienta

  1. Pega la hoja de estilos.
  2. Formatea para revisar selectores y propiedades o comprime para reducir espacios.

Este ejemplo muestra una operación admitida. Selecciona arriba el modo y los ajustes correspondientes; los valores generados y el formato pueden variar.

Entrada o configuración de ejemplo

.card{color:#333;padding:16px}

Resultado de ejemplo

.card {
  color: #333;
  padding: 16px;
}

¿Comprueba la compatibilidad?

El formato correcto no indica qué propiedades admite el navegador de destino. Comprueba la página real.