¿Qué hace el Formateador de CSS?
Formateador de CSS: indenta y embellece código de Hojas de estilo en cascada (CSS).
Herramienta en el navegador
Formateador de CSS
Procesa código con CSS Beautify y revisa la salida transformada. Introduce el código, elige las opciones de procesamiento y copia el resultado.
Espacio de trabajo
Falta la entradaTu entrada permanece en este navegador.
Añade la entrada necesaria para continuar.
El resultado aparecerá aquí
Completa la entrada necesaria para continuar.
Respuesta directa
Qué hace Formateador de CSS
El Formateador de CSS procesa texto de desarrollo. Comprueba la sintaxis CSS de destino antes de copiarlo.
Resultado
Qué recibes
Reglas CSS indentadas con espaciado legible. El procesamiento se ejecuta en el navegador.
Usar esta herramienta
Cómo usar Formateador de CSS
- Proporciona texto o datos para esta herramienta.
- Ejecuta CSS Beautify con las opciones de formato predeterminadas.
- Revisa la salida frente a un ejemplo pequeño y conocido del Formateador de CSS.
Ejemplo
Prueba con una muestra segura
Entrada: .card{color:red;margin:0 1rem}
Ajustes: Formateador de CSS: ejecuta CSS Beautify con las opciones de formato predeterminadas
Resultado: Reglas CSS indentadas con espaciado legible. El procesamiento se ejecuta en el navegador.
Este ejemplo describe una prueba segura para el Formateador de CSS.
Usos habituales
Dónde resulta útil Formateador de CSS
- Usa el Formateador de CSS con una muestra pequeña y representativa.
- Revisa el resultado del Formateador de CSS antes de usarlo en otro lugar.
- Conserva el texto o los datos originales hasta que el resultado supere la revisión.
Límites
Comprueba el resultado
- Formateador de CSS: el formato no valida la compatibilidad con los navegadores.
- Formateador de CSS: la operación no puede inferir otro lenguaje cuando comprobar la sintaxis CSS de destino antes de copiarlo resulta ambiguo.
- Formateador de CSS: el procesamiento se mantiene en el navegador.