Hoe het werkt
Herindenteert en ordent gecomprimeerde of slecht uitgelijnde CSS- of SCSS-stylesheets om ze leesbaar te maken. Handig om geminificeerde stijlen te inspecteren, CSS van derden te bekijken of het formaat te uniformeren voor het opslaan.
Je kunt het inspringtype (spaties of tabs), de inspringgrootte en het regeleinde kiezen. Elke declaratie komt op een eigen regel en door komma's gescheiden selectors worden op aparte regels geplaatst.
De verwerking is volledig lokaal, in je browser, met js-beautify. Het maakt de presentatie op; het minificeert niet, herordent geen eigenschappen en valideert niet of de regels correct zijn.
Voorbeelden
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}Selectors worden over regels verdeeld en elke eigenschap wordt ingesprongen.Gebruiksscenario's
- Een geminificeerd .css-bestand van een site leesbaar maken.
- De inspringing van een stylesheet normaliseren voor een commit.
- CSS-regels van een framework of bibliotheek bekijken en vergelijken.
- SCSS opschonen dat is geplakt uit documentatie of generatoren.
Veelgestelde vragen
Werkt het ook voor SCSS of LESS?
Het maakt CSS en compatibele syntaxis zoals SCSS op, inclusief geneste regels. Het compileert SCSS of LESS niet naar CSS: het herschikt alleen de inspringing en regeleinden.
Herordent of groepeert het de eigenschappen?
Nee. Het behoudt de oorspronkelijke volgorde van selectors en declaraties. Het wijzigt alleen de spatiëring, inspringing en regeleinden om de leesbaarheid te verbeteren.
Is het hetzelfde als CSS minificeren?
Nee, het is het tegenovergestelde. Opmaken voegt spaties en regeleinden toe om het beter te lezen; minificeren verwijdert ze om de bestandsgrootte te verkleinen. Gebruik voor compressie de minificatietool.
Wordt mijn code naar een server geüpload?
Nee. De opmaak gebeurt volledig in je browser; de CSS verlaat nooit je computer.