Formátovač CSS

Formátovač CSS mení minifikované alebo nerovnomerne odsadené štýly na čitateľný CSS s jednotným odsadením, zloženými zátvorkami, selektormi, deklaráciami, mediálnymi dopytmi a vnorenými pravidlami @.

Vyberte tabulátory alebo medzery, umiestnite otváracie zložené zátvorky na rovnaký či vlastný riadok, rozdeľte zoznamy selektorov a nastavte medzery medzi pravidlami. Reťazce, vlastné vlastnosti, komentáre, funkcie a dátové URL sa analyzujú bez deštruktívnych náhrad regulárnymi výrazmi.

Minifikovať odstráni nepotrebné biele znaky CSS bez zmeny štruktúry pravidiel. Optimalizovať a minifikovať môže navyše zlúčiť a preusporiadať kompatibilný CSS na menší výsledok. Použite Formátovač SCSS pre premenné, vnáranie, mixiny, funkcie a ďalšiu syntax SCSS.

Časté otázky o formátovači CSS

Ako na tejto stránke formátujem kód?

Prilepte kód do ľavého editora alebo načítajte súbor, vyberte potrebné možnosti a zvoľte Formátovať. Skontrolujte výsledok vpravo a potom ho skopírujte alebo uložte.

Prečo môže formátovač nahlásiť chybu?

Vstup musí zodpovedať vybranému jazyku alebo syntaxi. Skontrolujte neúplné príkazy, nespárované zátvorky či úvodzovky a dialekt alebo režim nezodpovedajúci vstupu a potom formátujte znova.

Ako funguje formátovač kódu?

Formátovač kódu číta tokeny a vnorené štruktúry so znalosťou jazyka a potom podľa jednotných pravidiel prepíše odsadenie, medzery a zalomenia riadkov. Program nekompiluje ani nespúšťa, takže formátovanie nie je kontrolou správnosti ani bezpečnosti.

Ktoré nastavenia sa odporúčajú pre tento jazyk?

Dve medzery, otváracie zložené zátvorky na rovnakom riadku, oddelené selektory a prázdny riadok medzi pravidlami sú bežné predvoľby webových projektov. Nastav odsadenie, štýl zátvoriek a zalomenia selektorov a pravidiel a vyber formátovanie, minifikáciu iba bielych znakov alebo dôkladnejšiu optimalizáciu platného CSS.

Nahráva sa môj kód na server?

Kód sa spracúva iba vo vašom prehliadači a nenahráva sa na server.

Formátovače kódu

Formátujte a skrášľujte Java, Python, JavaScript, JSON, HTML a ďalšie jazyky; upravujte odsadenie, medzery a zalomenia riadkov.

Ďalšie nástroje

Úprava a efekty zvuku

Skracujte, spájajte alebo rozdeľujte nahrávky, odstraňujte ticho či šum a upravujte hlasitosť, rýchlosť, výšku tónu alebo kanály.

Ďalšie nástroje

Nástroje pre tabuľky

Otvárajte a upravujte tabuľky CSV či Excel, formátujte tabuľkový text a prevádzajte CSV na Excel alebo SQL.

Ďalšie nástroje

Nástroje pre Markdown

Píšte a zobrazujte náhľad Markdown, vykresľujte diagramy Mermaid a prevádzajte Markdown, HTML a tabuľky medzi formátmi.

Ďalšie nástroje

Nástroje pre text

Porovnávajte úryvky, počítajte slová a kľúčové slová, zoraďujte či nahrádzajte riadky a prezerajte text DOCX.

Ďalšie nástroje

Slovníky

Vyhľadávajte čínske významy, synonymá a antonymá alebo výslovnosti IPA vo viacerých jazykoch.

Prevod a prehrávanie zvuku

Prevádzajte medzi MP3, WAV, FLAC a ďalšími formátmi, prehrávajte zvuk alebo surové PCM a kontrolujte či upravujte zvukové metadáta.

Nástroje pre JSON a dáta

Kontrolujte, porovnávajte a overujte JSON; testujte výrazy JSONPath alebo prevádzajte údaje na CSV, YAML a XML.

Ďalšie nástroje

Nástroje pre reč

Prepíšte reč zo zvuku na text, vytvorte reč z textu alebo nahrajte svoj hlas v prehliadači.

Nástroje pre video

Prevádzajte a komprimujte video, strihajte či spájajte klipy, meňte veľkosť snímok a extrahujte zvuk.

Ďalšie nástroje

Prehrávanie a nahrávanie videa

Prehrávajte miestne alebo streamované video, nahrávajte obrazovku či kameru a používajte kameru ako online zrkadlo.

Nástroje pre PDF

Komprimujte alebo spájajte PDF, rozdeľujte a preusporiadajte strany, prevádzajte strany na obrázky a prezerajte či porovnávajte dokumenty.

Ďalšie nástroje

Nástroje pre obrázky

Prevádzajte obrazové formáty, meňte veľkosť či orezávajte fotografie, komprimujte súbory, porovnávajte obrázky a extrahujte text pomocou OCR.

Ďalšie nástroje

Tvorba obrázkov

Zachytávajte a upravujte snímky obrazovky, meňte text na obrázky alebo GIF, kreslite na tabuľu a vytvárajte oblaky slov či ikony favicon.

Ďalšie nástroje

Nástroje pre titulky

Upravujte titulky SRT či VTT s náhľadom videa, posúvajte časovanie, prevádzajte formáty a spravujte stopy titulkov.

Ďalšie nástroje

Nástroje pre archívy

Otvárajte súbory ZIP, 7Z, RAR alebo TAR, extrahujte vybraný obsah a vytvárajte nové archívy s voliteľnými heslami ZIP/7Z.

Kódery | dekódery

Kódujte a dekódujte Base64 alebo Base32, escapujte URL, HTML a text Unicode a kontrolujte obsah JWT.

Ďalšie nástroje

Nástroje pre čísla

Prevádzajte číselné sústavy a hodnoty medzi dvojkovým, desiatkovým a šestnástkovým zápisom, čísla na slová alebo text na dvojkový zápis.

Kalkulačky

Počítajte percentá a zlomky, sumarizujte štatistiky a vypočítajte známky, zľavy alebo pomery strán.

Ďalšie nástroje

Nástroje pre čas

Zobrazte online hodiny, spustite odpočítavanie či stopky a vypočítajte dátumy, vek alebo rozdiely medzi časovými pásmami.

Ďalšie nástroje

Sieťové nástroje

Skontrolujte svoju IP adresu a pripojenie IPv6, preskúmajte požiadavky HTTP či súbory HAR a vypočítajte rozsahy adries CIDR.

Prevody jednotiek

Prevádzajte jednotky dĺžky, hmotnosti, teploty, dátového úložiska a ďalšie jednotky.

Nástroje pre farby

Prevádzajte hodnoty HEX, RGB a HSL, extrahujte farby z obrázka, kontrolujte kontrast alebo testujte displej jednofarebnými plochami.

QR kódy a čiarové kódy

Vytvárajte a skenujte QR kódy či čiarové kódy vrátane QR kódov pre odkazy a siete Wi-Fi.

Vývojárske a bezpečnostné nástroje

Generujte odtlačky, UUID a heslá, testujte regulárne výrazy, vytvárajte identifikátory URL a kontrolujte oprávnenia súborov.

Ďalšie nástroje

Praktické nástroje

Skontrolujte rozlíšenie a obnovovaciu frekvenciu obrazovky, merajte pravítkom na obrazovke, otestujte klávesy alebo čítajte z čítačky textu.

Ďalšie nástroje

Hry

2048, Míny, Sudoku, Gomoku, Tanková bitka

Ďalšie nástroje