Formatter CSS
Formatați foi de stil minificate sau dezordonate cu acest formatter CSS. Lipiți CSS, iar instrumentul îl analizează, apoi afișează fiecare regulă cu selectorul pe un rând, câte o declarație pe rând, indentată cu două spații, un spațiu după fiecare două puncte, combinatori separați prin spații și reguli at nested precum interogările media. Erorile de analiză sunt raportate. Ideal pentru dezvoltatorii web și designeri care citesc, depanează sau revizuiesc foi de stil din orice sursă.
Întrebări frecvente
Cum funcționează formatterul CSS?
Analizează foaia de stil în reguli, declarații și reguli at și le afișează din nou într-un format consecvent. Deoarece CSS este analizat, rezultatul reflectă structura reală a foii de stil.
Cum arată CSS formatat?
Fiecare regulă începe cu selectorul și o acoladă de deschidere, fiecare declarație ocupă propria linie, cu indentare de două spații și un spațiu după două puncte, iar acolada de închidere ocupă propria linie. Listele de selectori sunt unite prin virgulă și un spațiu, iar combinatori precum > și ~ au spații de o parte și de alta.
Sunt acceptate interogările media și alte reguli at-rule?
Da, regulile din interiorul blocurilor @media, @supports și altele similare sunt imbricate și indentate. Instrucțiuni precum @import rămân pe o singură linie, cu valorile url() scrise între ghilimele.
Ce se întâmplă în cazul unui CSS invalid?
Când parserul nu poate citi foaia de stil, de exemplu din cauza unei acolade lipsă, instrumentul se oprește și afișează mesajul parserului împreună cu numărul liniei. Corectați locul indicat și formatați din nou.
Sunt păstrate comentariile?
Da, comentariile sunt păstrate, atât între reguli, cât și între declarații. Fiecare comentariu este plasat pe propria linie, la nivelul de indentare al codului din jur.
Sunt acceptate proprietățile personalizate?
Da, proprietățile personalizate, precum --brand-color, sunt formatate ca orice altă declarație. Referințele precum var(--brand-color) sunt păstrate așa cum au fost scrise.
Pot formata aici SCSS sau Less?
Nu, această pagină acceptă CSS simplu, iar regulile imbricate sau variabilele din preprocesoare pot fi respinse. Pentru aceste fișiere, folosiți Formatterul SCSS sau Less Formatter.
Pot schimba indentarea sau stilul acoladelor?
Nu, formatterul nu are opțiuni și folosește întotdeauna două spații, cu acolada de deschidere pe linia selectorului. Astfel, rezultatele rămân consecvente pentru fiecare foaie de stil.
De ce este rezultatul încadrat într-un bloc de cod css?
Rezultatul este returnat ca bloc de cod Markdown, marcat css, astfel încât să fie afișat cu evidențiere de sintaxă în Markdown. Copiați liniile dintre delimitatoare în fișierul .css.
Cât de mare poate fi foaia mea de stil?
Până la 5 MB per rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea CSS din Code Formatter.