CSS-formatteringsværktøj

Det parser dit stylesheet til regler, deklarationer og at-regler og udskriver dem igen i et ensartet layout. Fordi CSS parses, afspejler outputtet stylesheetets faktiske struktur.

Hver regel begynder med sin selector og en åbningsklamme, hver deklaration står på sin egen linje med to mellemrum i indrykningen og et mellemrum efter kolonet, og afslutningsklammen står på sin egen linje. Selector-lister forbindes med et komma og et mellemrum, og der sættes mellemrum omkring kombinatorer som > og ~.

Ja, regler inde i @media, @supports og lignende blokke indlejres og indrykkes. Erklæringer som @import bliver på én linje, og url()-værdier skrives i citationstegn.

Når parseren ikke kan læse stylesheetet, for eksempel fordi en klamme mangler, stopper værktøjet og viser parserens meddelelse med linjenummeret. Ret det rapporterede sted, og formatér igen.

Ja, kommentarer bevares både mellem regler og mellem deklarationer. Hver kommentar placeres på sin egen linje med samme indrykning som den omgivende kode.

Ja, brugerdefinerede egenskaber som --brand-color formateres som enhver anden deklaration. Referencer som var(--brand-color) bevares, som de er skrevet.

Nej, denne side forventer ren CSS, og indlejrede regler eller variabler fra præprocessorer kan blive afvist. Brug SCSS Formatter eller Less Formatter til disse filer.

Nej, formateringsværktøjet har ingen indstillinger og bruger altid to mellemrum med den åbne klamme på selektorlinjen. Det sikrer ensartede resultater for alle stylesheets.

Outputtet returneres som en Markdown-kodeblok markeret med css, så det vises med syntaksfremhævning i Markdown. Kopiér linjerne mellem blokmarkørerne til din .css-fil.

Op til 5 MB pr. kørsel; større input afvises med en besked. Outputtet er identisk med CSS-indstillingen i Code Formatter.