Formátovač CSS
Formátujte minifikované alebo neprehľadné štýly pomocou tohto formátovača CSS. Vložte CSS a nástroj ho analyzuje a vypíše každé pravidlo so selektorom na jednom riadku, každú deklaráciu na samostatnom riadku s odsadením dvoma medzerami, medzerou za každou dvojbodkou, medzerami okolo kombinátorov a vnorenými pravidlami at-rule, ako sú mediálne dotazy. Chyby pri analýze sa zobrazia. Ideálny pre vývojárov webových stránok a dizajnérov, ktorí čítajú, ladia alebo kontrolujú štýly z ľubovoľného zdroja.
Často kladené otázky
Ako funguje formátovač CSS?
Analyzuje váš štýl na pravidlá, deklarácie a pravidlá at-rule a znova ich vypíše v jednotnom rozložení. Keďže sa CSS analyzuje, výstup zodpovedá skutočnej štruktúre štýlu.
Ako vyzerá naformátované CSS?
Každé pravidlo sa začína selektorom a otváracou zloženou zátvorkou, každá deklarácia je na vlastnom riadku s odsadením dvoma medzerami a medzerou za dvojbodkou a uzatváracia zložená zátvorka má vlastný riadok. Zoznamy selektorov sú spojené čiarkou a medzerou a okolo kombinátorov, ako sú > a ~, sú medzery.
Podporuje mediálne dotazy a ďalšie pravidlá at-rule?
Áno, pravidlá v blokoch @media, @supports a podobných sú vnorené a odsadené. Príkazy ako @import zostávajú na jednom riadku a hodnoty url() sa zapisujú do úvodzoviek.
Čo sa stane pri neplatnom CSS?
Ak analyzátor nedokáže prečítať štýl, napríklad pre chýbajúcu zloženú zátvorku, nástroj sa zastaví a zobrazí hlásenie analyzátora s číslom riadka. Opravte označené miesto a spustite formátovanie znova.
Zachovajú sa komentáre?
Áno, komentáre sa zachovajú, a to medzi pravidlami aj medzi deklaráciami. Každý komentár sa umiestni na samostatný riadok s odsadením zodpovedajúcim okolitému kódu.
Podporuje vlastné vlastnosti?
Áno, vlastné vlastnosti, napríklad --brand-color, sa formátujú ako každá iná deklarácia. Odkazy, ako je var(--brand-color), zostanú v pôvodnom tvare.
Môžem tu formátovať SCSS alebo Less?
Nie, táto stránka očakáva čisté CSS a vnorené pravidlá alebo premenné z preprocesorov môžu byť odmietnuté. Pre tieto súbory použite formátovač SCSS alebo Less Formatter.
Môžem zmeniť odsadenie alebo štýl zložených zátvoriek?
Nie, formátovač nemá žiadne možnosti a vždy používa dve medzery a otváraciu zloženú zátvorku na riadku selektora. Vďaka tomu sú výsledky jednotné pre všetky štýly.
Prečo je výsledok uzavretý v bloku kódu css?
Výstup sa vracia ako blok kódu Markdown označený css, takže sa v Markdown zobrazí so zvýraznením syntaxe. Pre svoj súbor .css skopírujte riadky medzi oddeľovačmi bloku.
Aký veľký môže byť môj štýl?
Najviac 5 MB na jedno spustenie; väčší vstup sa odmietne a zobrazí sa hlásenie. Výstup je totožný s možnosťou CSS vo formátovači kódu.