Oblikovalnik CSS

Slogovni list razčleni na pravila, deklaracije in pravila at, nato pa jih znova izpiše v dosledni postavitvi. Ker se CSS razčleni, izpis odraža dejansko strukturo slogovnega lista.

Vsako pravilo se začne s svojim izbirnikom in začetnim zavitim oklepajem, vsaka deklaracija je v svoji vrstici, zamaknjena za dva presledka, za dvopičjem pa je presledek, zaključni zaviti oklepaj pa je v svoji vrstici. Seznami izbirnikov so združeni z vejico in presledkom, kombinatorji, kot sta > in ~, pa imajo presledke na obeh straneh.

Da, pravila znotraj blokov @media, @supports in podobnih so ugnezdena in zamaknjena. Stavki, kot je @import, ostanejo v eni vrstici, vrednosti url() pa so zapisane v narekovajih.

Če razčlenjevalnik ne more prebrati slogovne predloge, na primer zaradi manjkajočega zavitega oklepaja, se orodje ustavi in prikaže sporočilo razčlenjevalnika s številko vrstice. Popravite navedeno mesto in znova oblikujte.

Da, komentarji se ohranijo tako med pravili kot med deklaracijami. Vsak komentar je v svoji vrstici, zamaknjen enako kot okoliška koda.

Da, lastnosti po meri, kot je --brand-color, so oblikovane enako kot druge deklaracije. Sklici, kot je var(--brand-color), ostanejo nespremenjeni.

Ne, ta stran pričakuje navadni CSS, ugnezdena pravila ali spremenljivke iz predprocesorjev pa so lahko zavrnjene. Za te datoteke uporabite oblikovalnik SCSS ali oblikovalnik Less.

Ne, oblikovalnik nima možnosti nastavitev in vedno uporablja dva presledka ter začetni zaviti oklepaj v vrstici izbirnika. Tako so rezultati za vse slogovne predloge dosledni.

Izhod je vrnjen kot blok kode Markdown z oznako css, zato je v Markdown prikazan z označevanjem sintakse. Za datoteko .css kopirajte vrstice med ograjama.

Do 5 MB na en zagon; večji vhodni podatki so zavrnjeni s sporočilom. Izhod je enak možnosti CSS v oblikovalniku kode.