CSS-formázó
Formázd olvasható, behúzott szabályokká a minifikált vagy rendezetlen CSS-t.
Kapcsolódó eszközök
CSS-formázó
Illessz be minifikált vagy kézzel összekuszált CSS-t, és a formázó áttekinthető, olvasható stíluslappá bontja: soronként egy deklaráció, a szelektor a nyitó kapcsos zárójellel egy sorban, a záró zárójel külön sorban, és üres sor a legfelső szintű szabályok között. A beágyazott blokkok, mint a @media, a @supports és a beágyazott szelektorok, egy szinttel mélyebbre húzódnak, így a stíluslap szerkezete első pillantásra világos.
Az eszköz karakterről karakterre olvassa a CSS-t, nem durva mintákkal darabolja, ezért nem akad meg a bonyolult tartalmon sem. A karakterláncok megőrzik pontos tartalmukat, így a content: "a{b}" a benne lévő zárójelekkel együtt megmarad. A url() tartalma szó szerint másolódik, így egy saját pontosvesszőkkel és kettőspontokkal teli adat-URI — url(data:image/png;base64,...) — teljesen érintetlen marad. A megjegyzések szóról szóra a saját sorukban maradnak az aktuális behúzással.
A kimenetet három beállítás hangolja. A behúzás két szóköz, négy szóköz vagy tabulátor között vált. A minden szelektor külön sorban a vesszős lista minden szelektorát külön sorba teszi, ami hosszú, csoportosított szabályoknál és tisztább különbségeknél jön jól. Az üres sor a szabályok között kikapcsolható, ha tömörebb stíluslapot szeretnél. Az élő számláló gépelés közben összesíti a szabályokat, a deklarációkat és a kimeneti sorokat, a szabályok számát kiemelve.
Ez a CSS-minifikáló párja: használd arra, hogy egy tömörített éles fájlt újra szerkeszthetővé tégy, több szerző következetlen kódját egységesítsd, vagy egyszerűen elolvass egy nem általad írt stíluslapot. Minden teljes egészében a böngésződben fut — a CSS-ed sehová nem töltődik fel.