Formátovač CSS
Formátujte minifikované nebo neuspořádané styly pomocí tohoto formátovače CSS. Vložte CSS a nástroj je parsuje a poté vypíše každé pravidlo se selektorem na jednom řádku, každou deklaraci na samostatném řádku odsazeném dvěma mezerami, s mezerou za každou dvojtečkou, mezerami kolem kombinátorů a vnořenými at-pravidly, například mediálními dotazy. Chyby parsování se zobrazí. Ideální pro webové vývojáře a designéry, kteří čtou, ladí nebo kontrolují styly z jakéhokoli zdroje.
Často kladené otázky
Jak funguje formátovač CSS?
Parsuje váš stylopis na pravidla, deklarace a at-pravidla a znovu je vypíše v jednotném rozvržení. Protože se CSS parsuje, výstup odpovídá skutečné struktuře stylopisu.
Jak vypadá naformátované CSS?
Každé pravidlo začíná selektorem a otevírací složenou závorkou, každá deklarace je na vlastním řádku odsazeném dvěma mezerami a s mezerou za dvojtečkou a uzavírací složená závorka má vlastní řádek. Seznamy selektorů jsou spojeny čárkou a mezerou a kolem kombinátorů, například > a ~, jsou mezery.
Podporuje mediální dotazy a další at-pravidla?
Ano, pravidla uvnitř @media, @supports a podobných bloků se vnořují a odsazují. Příkazy, například @import, zůstávají na jednom řádku a hodnoty url() se zapisují do uvozovek.
Co se stane při neplatném CSS?
Když parser nedokáže stylopis přečíst, například kvůli chybějící složené závorce, nástroj se zastaví a zobrazí hlášení parseru s číslem řádku. Opravte uvedené místo a spusťte formátování znovu.
Zachovají se komentáře?
Ano, komentáře zůstávají zachovány jak mezi pravidly, tak mezi deklaracemi. Každý komentář se umístí na vlastní řádek a odsazuje se podle okolního kódu.
Podporuje vlastní vlastnosti?
Ano, vlastní vlastnosti, například --brand-color, se formátují jako kterákoli jiná deklarace. Odkazy, například var(--brand-color), zůstávají zachovány.
Mohu zde formátovat SCSS nebo Less?
Ne, tato stránka očekává prosté CSS a vnořená pravidla nebo proměnné z preprocesorů mohou být odmítnuty. Pro tyto soubory použijte SCSS Formatter nebo Less Formatter.
Mohu změnit odsazení nebo styl závorek?
Ne, formátovač nemá žádná nastavení a vždy používá dvě mezery a otevírací složenou závorku na řádku se selektorem. Díky tomu jsou výsledky konzistentní pro všechny šablony stylů.
Proč je výsledek uzavřen v bloku kódu css?
Výstup se vrací jako blok kódu Markdown označený css, takže se v Markdown zobrazuje se zvýrazněním syntaxe. Pro soubor .css zkopírujte řádky mezi ohraničujícími značkami.
Jak velká může být moje šablona stylů?
Až 5 MB na jedno spuštění; větší vstup bude odmítnut s upozorněním. Výstup je totožný s možností CSS ve formátovači kódu.