CSS-formater og -minificering online

Funktioner og anvendelse

Denne CSS-formater og -minificering hjælper dig med at holde din kode ren og læsbar eller komprimere den til hurtigere indlæsning. Den kører helt i din browser – ingen filer uploades.

Eksempel på formatering

Indsæt body{color:red;margin:0;} og vælg Beautify med to mellemrum. Outputtet bliver:

body {
  color: red;
  margin: 0;
}

Eksempel på minificering

Indsæt den formaterede kode og vælg Minify. Outputtet bliver body{color:red;margin:0} – bemærk at semikolon før den afsluttende klammeparentes fjernes.

Indstillingsmuligheder

• Indrykning: Vælg mellem to mellemrum, fire mellemrum eller tabulator.
• Beautify: Tilføjer linjeskift og indrykning for at gøre koden læsbar.
• Minify: Fjerner kommentarer og unødvendig whitespace for at reducere filstørrelsen.

Begrænsninger

Dette er en letvægts tekstformater, ikke en komplet CSS-parser eller validator. Den håndterer ikke komplekse strenge, custom-property-værdier, data-URL'er eller kommentarer, der bruges som direktiver, pålideligt. Tjek altid outputtet i en browser eller build-pipeline, hvis din CSS indeholder sådanne konstruktioner. Værktøjet omarrangerer ikke egenskaber, tilføjer ikke vendor-præfikser, tester ikke kompatibilitet eller garanterer, at minificeret output er semantisk uændret i alle kanttilfælde.

Ofte stillede spørgsmål

Hvad er forskellen på Beautify og Minify?

Beautify gør koden læsbar ved at tilføje linjeskift og indrykning. Minify fjerner kommentarer og unødvendig whitespace for at gøre filen mindre, men kan gøre koden svær at læse.

Kan jeg formatere CSS med variabler eller data-URL'er?

Værktøjet er ikke en komplet parser. Værdier med kommaer, parenteser eller specialtegn kan blive ændret forkert. Det anbefales at tjekke outputtet i en browser, især hvis du bruger custom properties eller data-URL'er.

Hvor mange tegn kan jeg behandle ad gangen?

Inputfeltet er begrænset til 500.000 tegn. Hvis din CSS er længere, skal du dele den op i mindre bidder.