Formatteren bruger en scanner, der forstår syntaksen, i stedet for blindt at opdele koden ved hver tuborgklamme eller hvert semikolon. Den følger strenge, kommentarer, funktioner, attributselektorer og indlejrede blokke, så tegnsætning i en URL eller en værdi i anførselstegn forbliver uændret.
Gratis CSS Formatter
Kører helt i din browser - ingen upload, ingen tilmelding.
CSS-input
Formateret CSS
Indsæt CSS for at formatere den
Hvad gør en CSS formatter?
En CSS formatter gør et minificeret eller ujævnt skrevet stylesheet læsbart med ensartede indrykninger og linjeskift. Indsæt CSS, vælg to mellemrum, fire mellemrum eller tabulator, og kopiér eller download derefter resultatet. Alt foregår i browseren, og rækkefølgen af deklarationerne bevares.
Sådan gør du
- 1Indsæt CSS. Tilføj et stylesheet, en selektorblok eller et minificeret CSS-uddrag i inputfeltet.
- 2Vælg indrykning. Vælg to mellemrum, fire mellemrum eller tabulator. Det formaterede resultat opdateres med det samme.
- 3Kontrollér status. Se strukturtallene, eller ret en afgrænser, kommentar eller streng, der ikke er lukket.
- 4Kopiér eller download. Kopiér den formaterede CSS til udklipsholderen, eller gem den som formatted.css.
Hvem er det til
- Front-endudviklere kan folde produktions-CSS ud, så den er nemmere at læse og fejlfinde.
- Kodegranskere kan ensrette indrykningen, før de sammenligner et stylesheet eller et uddrag fra en pull request.
- Studerende får bedre overblik over indlejrede media queries, selektorer og deklarationsblokke.
- Support- og QA-teams kan rydde op i CSS fra browserens inspektør, før den sættes ind i en fejlrapport.
Ofte stillede spørgsmål
Er CSS formatteren gratis?
Ja. Du kan formatere så meget CSS, som browseren uden problemer kan håndtere. Der kræves ingen konto, installation eller brugsgrænse, og resultatet er klar med det samme.
Bliver min CSS uploadet til en server?
Nej. Formateringen foregår lokalt i browseren. Den CSS, du indsætter, bliver i sidens editor og sendes ikke til en API, så værktøjet kan også bruges til privat projektkode.
Hvor meget CSS kan jeg formatere?
Der er ingen fast tegngrænse. Meget store, genererede stylesheets afhænger stadig af enhedens hukommelse og browseren, men almindelig CSS til websites, komponenter og e-mails behandles hurtigt.
Ændrer formatering den måde, min CSS virker på?
Formatteren ændrer mellemrum og linjeskift, men bevarer selektorer, deklarationer, kommentarer, strenge i anførselstegn og deres rækkefølge. Gennemgå resultatet før udgivelse, især ved eksperimentel syntaks eller escape-sekvenser, der er følsomme over for mellemrum.
Validerer værktøjet CSS-egenskaber?
Nej. Det kontrollerer kun balancen mellem tuborgklammer, kantede parenteser, runde parenteser, kommentarer og strenge. Det afgør ikke, om hver egenskab, værdi eller browserspecifik funktion er semantisk gyldig.
Kan det formatere media queries og indlejret CSS?
Ja. Blokke i at-rules som media, supports, container, layer og keyframes indrykkes efter dybde. Moderne indlejrede selektorer formateres også uden at ændre strenge eller funktionsargumenter.