CSS-opmaker
Re-indent and clean up minified or messy CSS — every selector on its own line, every declaration on its own line. — gratis online tool.
Snel antwoord: CSS Prettifier: Werkt in je browser, gratis, zonder registratie.
Laatst bijgewerkt
Veelgestelde vragen
- Blijven opmerkingen behouden?
- Ja — zowel <code>/* blok */</code> als inline <code>//</code> blijven behouden (al zijn alleen blokopmerkingen geldige CSS; inline-opmerkingen worden doorgegeven als die voorkomen door een eigenaardigheid in invoer van een preprocessor).
- Hoe worden <code>@media</code> en andere at-regels verwerkt?
- At-regels worden correct genest — declaraties binnenin springen één niveau verder in dan de body van de at-regel. Tussen meerdere at-regels op hetzelfde niveau blijft één lege regel staan.
- Wordt SCSS of Less opgemaakt?
- Grotendeels — de tokenizer begrijpt niet de volledige grammaticaregels van preprocessors (interpolatie, mixins, <code>@if</code>), maar eenvoudige SCSS doorloopt vaak probleemloos een volledige cyclus. Gebruik Prettier met de SCSS-plug-in voor nauwkeurige opmaak van preprocessors.
- Worden selectors samengevoegd of opgesplitst?
- Door komma's gescheiden selectors worden opgesplitst, met één selector per regel, zodat verschillen overzichtelijk blijven. De betekenis blijft ongewijzigd.
- Kan ik de grootte van de inspringing wijzigen?
- Ja — versleep de schuifregelaar van 0 tot 8 spaties. De standaardwaarde is 2.
- Blijven ongebruikelijke eigenschapsnamen behouden?
- Ja — leveranciersvoorvoegsels (<code>-webkit-</code>, <code>-moz-</code>), aangepaste CSS-eigenschappen (<code>--my-var</code>) en onbekende eigenschappen worden allemaal ongewijzigd doorgegeven.
- Wordt de CSS gevalideerd?
- Nee — de opmaak is uitsluitend structureel. Haal het resultaat door de W3C CSS Validator als conformiteit met de specificatie nodig is.
- Worden mijn bestanden geüpload?
- Nee — elke bewerking gebeurt in uw browser. Zelfs vertrouwelijke designtokens kunt u hier veilig plakken.
- Hoe groot mag een bestand zijn om op te maken?
- Bestanden tot enkele megabytes worden ruim binnen een seconde opgemaakt. Daarboven hangen de prestaties vooral af van het browsergeheugen.
- Waarom ontbreken er soms puntkomma's in de uitvoer?
- We plaatsen altijd een afsluitende puntkomma aan het einde van elke declaratie — ontbreekt die, dan ontbrak ook de waarde in de invoer. Vergelijk beide versies naast elkaar om het werkelijk ontbrekende onderdeel te vinden.