Zo gebruik je het
- Plak je CSS, open een
.css-bestand, of begin met het voorbeeld: een geminificeerd stylesheet. - Kies 2 spaties, 4 spaties of tabs. De opgemaakte CSS verschijnt terwijl je typt.
- Kopieer hem of download hem als
styles.css.
Wat het doet
Elke regel krijgt een eigen blok, elke declaratie een eigen regel, en regels binnen @media en andere at-regels springen een niveau dieper in. Selectors, waarden en commentaar blijven zoals ze zijn, dus het stylesheet betekent precies hetzelfde.
Wanneer het helpt
- Bij het lezen van een geminificeerd stylesheet uit een thema, een framework of een site die je onderzoekt.
- Bij het opruimen van CSS voor je hem bewerkt, zodat een wijziging één regel raakt in plaats van één heel lange.
- Bij het vergelijken van twee stylesheets: maak beide op en vergelijk ze dan met een diff.
Veelgestelde vragen
Repareert het ongeldige CSS?
Nee. Het laat inspringen wat er staat; een ontbrekende accolade blijft ontbreken. Browsers slaan declaraties over die ze niet kunnen lezen, dus een verdwaald teken breekt meestal één regel, niet het hele stylesheet.
Sorteert het eigenschappen?
Nee. In CSS kan de volgorde ertoe doen (een latere declaratie wint), dus die blijft zoals geschreven.
Kan ik het daarna weer minificeren?
Ja: de CSS-minifier maakt er weer één compacte regel van.
Wordt mijn CSS geüpload?
Nee. Het opmaken gebeurt in je browser.