# Formateador de CSS Formatea hojas de estilo minificadas o desordenadas con este formateador de CSS. Pega CSS y la herramienta lo analiza; después imprime cada regla con su selector en una línea, una declaración por línea con una indentación de dos espacios, un espacio después de cada dos puntos, combinadores separados por espacios y reglas at anidadas, como las consultas de medios. Se notifican los errores de análisis. Ideal para que desarrolladores web y diseñadores lean, depuren o revisen hojas de estilo de cualquier origen. ## Preguntas frecuentes ### ¿Cómo funciona el formateador de CSS? Analiza tu hoja de estilo en reglas, declaraciones y reglas at, y vuelve a imprimirla con un diseño uniforme. Como se analiza CSS, el resultado refleja la estructura real de la hoja de estilo. ### ¿Qué aspecto tiene el CSS formateado? Cada regla comienza con su selector y una llave de apertura; cada declaración va en su propia línea, con una sangría de dos espacios y un espacio después de los dos puntos, y la llave de cierre ocupa su propia línea. Las listas de selectores se unen con una coma y un espacio, y los combinadores como > y ~ llevan espacios a ambos lados. ### ¿Se admiten las media queries y otras reglas at-rule? Sí, las reglas dentro de @media, @supports y bloques similares se anidan y se sangran. Las instrucciones como @import se mantienen en una sola línea, con los valores de url() entre comillas. ### ¿Qué ocurre con CSS no válido? Cuando el analizador no puede leer la hoja de estilos, por ejemplo, porque falta una llave, la herramienta se detiene y muestra el mensaje del analizador con el número de línea. Corrija el punto indicado y vuelva a dar formato. ### ¿Se conservan los comentarios? Sí, se conservan los comentarios, tanto entre reglas como entre declaraciones. Cada comentario se coloca en su propia línea, con la misma sangría que el código que lo rodea. ### ¿Se admiten las propiedades personalizadas? Sí, las propiedades personalizadas como --brand-color se formatean igual que cualquier otra declaración. Las referencias como var(--brand-color) se conservan tal como están escritas. ### ¿Puedo dar formato a SCSS o Less aquí? No, esta página espera CSS sin procesar, y puede rechazar reglas anidadas o variables de preprocesadores. Use el formateador de SCSS o el formateador de Less para esos archivos. ### ¿Puedo cambiar la sangría o el estilo de las llaves? No, el formateador no tiene opciones y siempre usa dos espacios, con la llave de apertura en la misma línea que el selector. Así se mantienen resultados uniformes en todas las hojas de estilos. ### ¿Por qué el resultado está dentro de un bloque de código css? El resultado se devuelve como un bloque de código Markdown marcado como css, por lo que se muestra con resaltado de sintaxis en Markdown. Copie las líneas entre las vallas para su archivo .css. ### ¿Qué tamaño puede tener mi hoja de estilos? Hasta 5 MB por ejecución; las entradas más grandes se rechazan con un mensaje. El resultado es idéntico a la opción CSS del formateador de código. ¿Su anuncio aquí? [Envíenos un correo](mailto:hi@dennn.is?subject=Publicidad%20en%20OneClick%20Pro) [Anuncio El conjunto de plugins listo para agentes de WordPress.](https://sleekwp.com/?ref=oneclickpro)