# CSS-formatter

Formatteer geminificeerde of rommelige stylesheets met deze CSS-formatter. Plak CSS en de tool parseert het. Vervolgens drukt de tool elke regel af met de selector op één regel, één declaratie per regel met een inspringing van twee spaties, een spatie na elke dubbele punt, combinatoren met spaties en geneste at-rules zoals mediaquery's. Parsefouten worden gemeld. Ideaal voor webontwikkelaars en ontwerpers die stylesheets uit elke bron lezen, debuggen of beoordelen.

## Veelgestelde vragen

### Hoe werkt de CSS-formatter?

De formatter parseert je stylesheet in regels, declaraties en at-rules en drukt die opnieuw af in een consistente lay-out. Omdat de CSS wordt geparseerd, weerspiegelt de uitvoer de echte structuur van de stylesheet.

### Hoe ziet de geformatteerde CSS eruit?

Elke regel begint met de selector en een accolade openen. Elke declaratie staat op een eigen regel, met twee spaties inspringing en een spatie na de dubbele punt. De accolade sluiten staat op een eigen regel. Selectorlijsten worden samengevoegd met een komma en een spatie, en combinatoren zoals > en ~ krijgen aan beide kanten een spatie.

### Worden mediaquery's en andere at-regels ondersteund?

Ja, regels binnen @media, @supports en vergelijkbare blokken worden genest en ingesprongen. Instructies zoals @import blijven op één regel, met url()-waarden tussen aanhalingstekens.

### Wat gebeurt er bij ongeldige CSS?

Als de parser het stylesheet niet kan lezen, bijvoorbeeld omdat een accolade ontbreekt, stopt de tool en toont deze de parsermelding met het regelnummer. Herstel de gemelde plek en formatteer opnieuw.

### Blijven opmerkingen behouden?

Ja, opmerkingen blijven behouden, zowel tussen regels als tussen declaraties. Elke opmerking staat op een eigen regel, met dezelfde inspringing als de omringende code.

### Worden aangepaste eigenschappen ondersteund?

Ja, aangepaste eigenschappen zoals --brand-color worden opgemaakt zoals elke andere declaratie. Verwijzingen zoals var(--brand-color) blijven ongewijzigd.

### Kan ik hier SCSS of Less formatteren?

Nee, deze pagina verwacht gewone CSS, en geneste regels of variabelen van preprocessors kunnen worden afgewezen. Gebruik voor die bestanden de SCSS Formatter of de Less Formatter.

### Kan ik de inspringing of stijl van accolades wijzigen?

Nee, de formatter heeft geen opties en gebruikt altijd twee spaties, met de accolade openen op dezelfde regel als de selector. Zo zijn de resultaten voor elk stylesheet consistent.

### Waarom staat het resultaat in een css-codeblok?

De uitvoer wordt teruggegeven als een Markdown-codeblok met de aanduiding css, zodat deze gemarkeerd wordt weergegeven in Markdown. Kopieer de regels tussen de scheidingstekens naar je .css-bestand.

### Hoe groot mag mijn stylesheet zijn?

Maximaal 5 MB per uitvoering; grotere invoer wordt met een melding afgewezen. De uitvoer is identiek aan de optie CSS van de Code Formatter.

Hier adverteren?

[E-mail ons](mailto:hi@dennn.is?subject=Adverteren%20op%20OneClick%20Pro)

[Advertentie De plug-insuite voor agents van WordPress.](https://sleekwp.com/?ref=oneclickpro)