Formátovanie CSS
Prehľadne naformátujte minifikované alebo neusporiadané CSS na čitateľné pravidlá.
Súvisiace nástroje
Formátovanie CSS
Vložte minifikované alebo ručne rozhádzané CSS a nástroj ho rozbalí do prehľadného, čitateľného štýlu: jedna deklarácia na riadok, selektor s otváracou zloženou zátvorkou na jednom riadku, zatváracia zátvorka na vlastnom a prázdny riadok medzi pravidlami najvyššej úrovne. Vnorené bloky ako @media, @supports a vnorené selektory sa odsadia o úroveň hlbšie, takže je štruktúra štýlu jasná na prvý pohľad.
Nástroj číta CSS znak po znaku, nie hrubým delením podľa vzorov, takže sa nezasekne ani na zložitom obsahu. Reťazce si zachovajú presný obsah, takže content: "a{b}" prežije aj so zátvorkami vnútri. Obsah url() sa kopíruje doslovne, takže data URI s vlastnými bodkočiarkami a dvojbodkami — url(data:image/png;base64,...) — zostane úplne nedotknutý. Komentáre ostávajú slovo za slovom na vlastnom riadku v aktuálnom odsadení.
Výstup ladia tri možnosti. Odsadenie prepína medzi dvomi medzerami, štyrmi medzerami alebo tabulátorom. Každý selektor na vlastnom riadku dá každý selektor zoznamu oddeleného čiarkami na samostatný riadok, čo sa hodí pri dlhých zoskupených pravidlách a čistejších rozdieloch. Prázdny riadok medzi pravidlami sa dá vypnúť, keď chcete štýl kompaktnejší. Živé počítadlo počas písania sčítava pravidlá, deklarácie a riadky výstupu, pričom počet pravidiel je zvýraznený.
Ide o náprotivok minifikácie CSS: použite ho, keď chcete znova upraviť skomprimovaný produkčný súbor, zjednotiť nekonzistentný kód od viacerých autorov alebo si len prečítať štýl, ktorý ste nepísali. Všetko beží výhradne vo vašom prehliadači — vaše CSS sa nikam nenahráva.