CSS-formatering

Indsæt minificeret eller uformateret CSS for at omformatere det med én deklaration pr. linje og ryddelig indrykning. Alt kører i din browser, så dine styles bliver aldrig uploadet.

Loading…

Om CSS-formateringen

Dette værktøj omformaterer minificeret eller uryddelig CSS til rene, læsbare regler med js-beautify. Det sætter hver deklaration på sin egen linje, indrykker indholdet af hver selektorblok og tilføjer ensartet afstand efter koloner og omkring tuborgparenteser. Resultatet er stylesheet-kode, der er nem at skanne, sammenligne og redigere, hvad enten den kom fra et build-output eller en kopiering fra nettet.

Sådan bruger du det

Indsæt minificeret eller rodet CSS i inputfeltet.
Formateringen udfolder det til én deklaration pr. linje.
Læs gennem de indrykkede selektorblokke.
Kopiér det formaterede stylesheet tilbage i dit projekt.

En typisk brug er at pakke et minificeret style.css ud, så du kan finde og justere en bestemt regel. Formatering ændrer kun formateringen - den sammenfletter ikke dublerede selektorer, fjerner ikke ubrugte regler og tilføjer ikke leverandørpræfikser, så kaskaden og specificiteten forbliver præcis som skrevet. Alt kører i din browser, så dine styles bliver aldrig uploadet.

Ofte stillede spørgsmål

Ændrer CSS-formateringen, hvordan mine styles vises?

Nej. Den tilføjer kun mellemrum, linjeskift og indrykning. Selektorerne, egenskaberne og værdierne er uændrede, så kaskaden og det viste resultat forbliver identiske.

Sammenfletter eller fjerner den dublerede regler?

Nej. Den er en formatering, ikke en optimering. Dublerede selektorer og overflødige deklarationer bevares, som de er, så intet i dit stylesheet ændres i det skjulte.

Kan den håndtere moderne CSS som brugerdefinerede egenskaber og media queries?

Ja. Bygget på js-beautify indrykker den korrekt indlejrede at-regler som media queries og holder brugerdefinerede egenskaber (CSS-variabler) intakte.

Bliver min CSS sendt til en server?

Nej. Formateringen sker lokalt i din browser, så dit stylesheet bliver aldrig uploadet.

Relaterede værktøjer

JSON-formatering Indsæt JSON for at formatere det med ren og ensartet indrykning. Ugyldigt input markeres med en fejlmeddelelse, og alt kører lokalt i din browser. JSON-minificering Indsæt formateret JSON for at komprimere det til en enkelt linje uden overflødige mellemrum. Værktøjet viser, hvor mange tegn der blev fjernet, alt sammen i din browser. JSON-validator Indsæt JSON for at tjekke, om det er gyldigt. Når det ikke er, rapporterer validatoren fejlmeddelelsen og den linje og kolonne, hvor parsningen mislykkedes - alt sammen i din browser. JSON til CSV Indsæt et JSON-array af objekter for at konvertere det til CSV. Kolonnerne tages fra samlingen af alle nøgler, felter med kommaer eller anførselstegn afgrænses, og du kan downloade resultatet - alt sammen lokalt. CSV til JSON Indsæt CSV med en overskriftsrække for at konvertere hver række til et JSON-objekt. Afgrænsede felter parses korrekt, og tal, boolske værdier og null genkendes automatisk - alt sammen i din browser. JWT-afkoder Indsæt et JSON Web Token for at afkode dets header og payload fra base64url til læsbar JSON. Signaturen verificeres ikke - dette læser kun claims, og alt bliver i din browser.