Formatter používá skener, který rozumí syntaxi, místo prostého dělení kódu u každé složené závorky nebo středníku. Sleduje řetězce, komentáře, funkce, atributové selektory i vnořené bloky, takže interpunkce uvnitř URL nebo hodnoty v uvozovkách zůstane beze změny.
CSS Formatter zdarma
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
Vstupní CSS
Formátované CSS
Vložte CSS k formátování
K čemu slouží CSS formatter?
CSS formatter převede minifikovaný nebo nepravidelně zapsaný soubor stylů na čitelný kód s jednotným odsazením a zalomením řádků. Vložte CSS, vyberte dvě mezery, čtyři mezery nebo tabulátor a výsledek zkopírujte či stáhněte. Vše probíhá v prohlížeči a pořadí deklarací zůstává zachované.
Jak na to
- 1Vložte CSS. Do vstupního editoru přidejte soubor stylů, blok selektorů nebo minifikovaný úryvek CSS.
- 2Vyberte odsazení. Zvolte dvě mezery, čtyři mezery nebo tabulátor. Formátovaný výstup se ihned aktualizuje.
- 3Zkontrolujte stav. Prohlédněte si počty prvků struktury nebo opravte neuzavřený oddělovač, komentář či řetězec.
- 4Kopírujte nebo stáhněte. Zkopírujte upravené CSS do schránky nebo je uložte jako formatted.css.
Pro koho je nástroj
- Front-end vývojáři si rozbalí produkční CSS, aby se v něm lépe orientovali a hledali chyby.
- Kontroloři kódu sjednotí odsazení před porovnáním souboru stylů nebo úryvku z pull requestu.
- Studenti snáze pochopí vnořené media queries, selektory a bloky deklarací.
- Týmy podpory a QA upraví CSS z nástrojů prohlížeče před vložením do hlášení chyby.
Časté dotazy
Je CSS formatter zdarma?
Ano. Můžete upravit tolik CSS, kolik váš prohlížeč pohodlně zvládne. Není potřeba účet, instalace ani předplatné a výsledek je k dispozici ihned.
Nahrává se moje CSS na server?
Ne. Formátování probíhá místně v prohlížeči. Vložené CSS zůstává v editoru na stránce a neodesílá se žádnému API, takže nástroj můžete použít i pro neveřejný projektový kód.
Jak velké CSS mohu formátovat?
Pevný limit počtu znaků není stanoven. Velmi rozsáhlé generované styly stále závisejí na paměti zařízení a prohlížeče, běžné CSS webu, komponenty nebo e-mailu se však zpracuje rychle.
Změní formátování chování CSS?
Formatter mění mezery a zalomení řádků, ale zachovává selektory, deklarace, komentáře, řetězce v uvozovkách i jejich pořadí. Před nasazením výsledek zkontrolujte, zvlášť u experimentální syntaxe nebo escape sekvencí citlivých na mezery.
Kontroluje nástroj platnost vlastností CSS?
Ne. Kontroluje pouze vyvážení složených, hranatých a kulatých závorek, komentářů a řetězců. Neověřuje, zda je každá vlastnost, hodnota nebo funkce konkrétního prohlížeče významově platná.
Umí formátovat media queries a vnořené CSS?
Ano. Bloky uvnitř at-rules jako media, supports, container, layer a keyframes odsazuje podle hloubky. Upraví také moderní vnořené selektory, aniž by změnil řetězce nebo argumenty funkcí.