Slik bruker du det
- Lim inn CSS-en din, åpne en
.css-fil, eller start med eksempelet: et minifisert stilark. - Velg 2 mellomrom, 4 mellomrom eller tabulatorer. Den formaterte CSS-en vises mens du skriver.
- Kopier den eller last den ned som
styles.css.
Hva det gjør
Hver regel får sin egen blokk, hver deklarasjon sin egen linje, og regler inne i @media og andre at-regler rykkes inn ett nivå dypere. Selektorer, verdier og kommentarer forblir som de er, så stilarket betyr nøyaktig det samme.
Når det hjelper
- Når du leser et minifisert stilark fra et tema, et rammeverk eller et nettsted du undersøker.
- Når du rydder i CSS før du redigerer den, så en endring berører én linje i stedet for én svært lang.
- Når du sammenligner to stilark: formater begge, og ta så en diff.
Ofte stilte spørsmål
Retter det ugyldig CSS?
Nei. Det rykker inn det som finnes; en manglende klamme mangler fortsatt. Nettlesere hopper over deklarasjoner de ikke kan lese, så et feilplassert tegn ødelegger som regel én regel, ikke hele stilarket.
Sorterer det egenskaper?
Nei. Rekkefølgen kan bety noe i CSS (en senere deklarasjon vinner), så den beholdes slik den er skrevet.
Kan jeg minifisere det igjen etterpå?
Ja: CSS-minifier gjør det om til én kompakt linje igjen.
Lastes CSS-en min opp?
Nei. Formateringen skjer i nettleseren din.