Formatteraren använder en syntaxmedveten skanner i stället för att dela koden blint vid varje klammerparentes eller semikolon. Den följer strängar, kommentarer, funktioner, attributselektorer och nästlade block, så skiljetecken i en URL eller ett citerat värde lämnas orörda.
Gratis CSS Formatter
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
CSS-indata
Formaterad CSS
Klistra in CSS att formatera
Vad gör en CSS formatter?
En CSS formatter gör en minifierad eller ojämnt skriven stilmall lättläst med konsekventa indrag och radbrytningar. Klistra in CSS, välj två blanksteg, fyra blanksteg eller tabb och kopiera eller ladda ned resultatet. Allt körs i webbläsaren och ordningen på deklarationerna behålls.
Så använder du verktyget
- 1Klistra in CSS. Lägg en stilmall, ett selektorblock eller ett minifierat CSS-utdrag i inmatningsfältet.
- 2Välj indrag. Välj två blanksteg, fyra blanksteg eller tabb. Den formaterade utdata uppdateras direkt.
- 3Kontrollera statusen. Se strukturstatistiken eller rätta en avgränsare, kommentar eller sträng som inte har stängts.
- 4Kopiera eller ladda ned. Kopiera formaterad CSS till urklipp eller spara den som formatted.css.
Vem passar det för
- Front-endutvecklare kan veckla ut produktions-CSS för att läsa och felsöka den enklare.
- Kodgranskare kan jämna ut indragen innan de jämför en stilmall eller ett utdrag ur en pull request.
- Studerande får en tydligare bild av nästlade media queries, selektorer och deklarationsblock.
- Support- och QA-team kan städa CSS från webbläsarens inspektör innan den läggs i ett ärende.
Vanliga frågor
Är CSS formatteraren gratis?
Ja. Du kan formatera så mycket CSS som webbläsaren bekvämt klarar. Inget konto, ingen installation och ingen användningskvot behövs, och resultatet visas direkt.
Laddas min CSS upp till en server?
Nej. Formateringen sker lokalt i webbläsaren. Den CSS du klistrar in stannar i sidans redigerare och skickas inte till något API, så verktyget passar även för privat projektkod.
Hur mycket CSS kan jag formatera?
Det finns ingen fast teckengräns. Mycket stora, genererade stilmallar beror fortfarande på enhetens minne och webbläsaren, men vanlig CSS för webbplatser, komponenter och e-post behandlas snabbt.
Ändrar formateringen hur CSS-koden fungerar?
Formatteraren ändrar blanksteg och radbrytningar men behåller selektorer, deklarationer, kommentarer, citerade strängar och deras ordning. Kontrollera resultatet före publicering, särskilt om koden använder experimentell syntax eller blankstegskänsliga escape-sekvenser.
Validerar verktyget CSS-egenskaper?
Nej. Det kontrollerar bara balansen mellan klammerparenteser, hakparenteser, vanliga parenteser, kommentarer och strängar. Det avgör inte om varje egenskap, värde eller webbläsarspecifik funktion är semantiskt giltig.
Kan det formatera media queries och nästlad CSS?
Ja. Block i at-rules som media, supports, container, layer och keyframes får indrag efter djup. Moderna nästlade selektorer formateras också utan att strängar eller funktionsargument ändras.