Formatter používa skener, ktorý rozumie syntaxi, namiesto jednoduchého delenia kódu pri každej zloženej zátvorke alebo bodkočiarke. Sleduje reťazce, komentáre, funkcie, atribútové selektory aj vnorené bloky, takže interpunkcia v URL alebo hodnote v úvodzovkách zostane bez zmeny.
Bezplatný CSS Formatter
Beží celý vo vašom prehliadači - bez nahrávania, bez registrácie.
Vstupný CSS
Formátovaný CSS
Vložte CSS na formátovanie
Na čo slúži CSS formatter?
CSS formatter zmení minifikovaný alebo nepravidelne zapísaný súbor štýlov na čitateľný kód s jednotným odsadením a zalomením riadkov. Vložte CSS, vyberte dve medzery, štyri medzery alebo tabulátor a výsledok skopírujte či stiahnite. Všetko prebieha v prehliadači a poradie deklarácií zostáva zachované.
Ako na to
- 1Vložte CSS. Do vstupného editora pridajte súbor štýlov, blok selektorov alebo minifikovaný úryvok CSS.
- 2Vyberte odsadenie. Zvoľte dve medzery, štyri medzery alebo tabulátor. Formátovaný výsledok sa ihneď aktualizuje.
- 3Skontrolujte stav. Pozrite si počty prvkov štruktúry alebo opravte neuzavretý oddeľovač, komentár či reťazec.
- 4Kopírujte alebo stiahnite. Skopírujte upravené CSS do schránky alebo ho uložte ako formatted.css.
Pre koho je nástroj určený
- Front-end vývojári si rozbalia produkčný CSS kód, aby sa dal ľahšie čítať a ladiť.
- Kontrolóri kódu zjednotia odsadenie pred porovnaním súboru štýlov alebo úryvku z pull requestu.
- Študenti ľahšie pochopia vnorené media queries, selektory a bloky deklarácií.
- Tímy podpory a QA upravia CSS z nástrojov prehliadača pred vložením do hlásenia chyby.
Časté otázky
Je CSS formatter bezplatný?
Áno. Môžete upraviť toľko CSS, koľko váš prehliadač pohodlne zvládne. Nie je potrebný účet, inštalácia ani limit používania a výsledok je k dispozícii ihneď.
Nahráva sa môj CSS kód na server?
Nie. Formátovanie prebieha lokálne v prehliadači. Vložený CSS zostáva v editore na stránke a neposiela sa žiadnemu API, takže nástroj môžete použiť aj na súkromný projektový kód.
Aký veľký CSS kód môžem formátovať?
Pevný limit počtu znakov neexistuje. Veľmi rozsiahle generované súbory štýlov stále závisia od pamäte zariadenia a prehliadača, bežný CSS pre web, komponent alebo e-mail sa však spracuje rýchlo.
Zmení formátovanie správanie CSS?
Formatter mení medzery a zalomenia riadkov, ale zachováva selektory, deklarácie, komentáre, reťazce v úvodzovkách aj ich poradie. Pred nasadením výsledok skontrolujte, najmä pri experimentálnej syntaxi alebo escape sekvenciách citlivých na medzery.
Kontroluje nástroj platnosť vlastností CSS?
Nie. Kontroluje iba vyváženie zložených, hranatých a okrúhlych zátvoriek, komentárov a reťazcov. Neoveruje, či je každá vlastnosť, hodnota alebo funkcia konkrétneho prehliadača sémanticky platná.
Dokáže formátovať media queries a vnorený CSS?
Áno. Bloky v at-rules ako media, supports, container, layer a keyframes odsádza podľa hĺbky. Upraví aj moderné vnorené selektory bez zmeny reťazcov alebo argumentov funkcií.