# 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.

Vaše reklama zde?

[Napište nám](mailto:hi@dennn.is?subject=Inzerce%20na%20OneClick%20Pro)

[Reklama Sada pluginů připravená pro agenty pro WordPress.](https://sleekwp.com/?ref=oneclickpro)