Wat doet een CSS-verfraaiing?

Een CSS-verfraaiing herformatteert gecomprimeerde of rommelige CSS-code met consistente inspringing, spaties en regeleindes zodat het gemakkelijk te lezen en onderhouden is.

Verandert het verfraaien van CSS hoe mijn stijlen werken?

Nee. Verfraaien past alleen witruimte en opmaak aan. De selectors, eigenschappen en waarden blijven identiek, zodat je stijlen precies hetzelfde werken.

Kan ik de inspringgrootte aanpassen?

Ja. Je kunt kiezen tussen tabs en spaties, en het aantal spaties per inspringniveau instellen om overeen te komen met de codestijl van je project.

CSS-verfraaiing

Maak CSS-code op, verfraai en ruim het op met aanpasbare inspringing en spatie-opties.

CSS opmaken

Opgemaakte CSS

Het resultaat verschijnt hier...

Opties

Inspringing

Tabs

Regeleinden behouden

Regeleinde tussen regels

Over

Of je nu werkt met CSS-bestanden die van het web zijn gedownload, gegenereerd door tools, of gewoon je eigen code wilt opruimen, deze verfraaiing maakt je CSS leesbaarder en gemakkelijker om mee te werken.

Hoe te gebruiken

Plak je CSS-code in het invoergebied aan de linkerkant.
Pas de opmaakopties aan volgens je voorkeuren.
Klik op de knop "CSS verfraaien" om je code op te maken.
Bekijk het verfraaide resultaat in het uitvoergebied aan de rechterkant.
Kopieer de opgemaakte CSS naar je klembord of download het als bestand.

Related Tools

CSS Beautifier

Format and beautify CSS code

CSS Gradient Animator

Create animated CSS gradients

CSS Inliner

Inline CSS styles

CSS Variable Generator

Generate CSS variables

HTML Beautifier

Format and beautify HTML code

JSON Formatter

Format and validate JSON data