Preskoči na sadržaj
TextArray
100% lokalno

CSS formater

Uljepšajte umanjeni ili neuredan CSS u čista, uvučena, čitljiva pravila.

Unos
Rezultat

CSS formater

Zalijepite umanjeni ili ručno zamršeni CSS i ovaj formater ga proširuje u čistu, čitljivu tablicu stilova: jedna deklaracija po retku, selektor i njegova početna vitičasta zagrada u jednom retku, zatvorena vitičasta zagrada zasebno i prazan redak između pravila najviše razine. Ugniježđeni blokovi kao što su @media, @supports i ugniježđeni selektori uvučeni su jednu razinu dublje, tako da je struktura lista očigledna na prvi pogled.

Alat čita vaš CSS znak po znak umjesto da ga dijeli naivnim obrascima, tako da se nikada ne pokvari na lukavom sadržaju. Nizovi čuvaju svoj točan sadržaj, tako da sadržaj: "a{b}" preživljava sa zagradama unutar njega. tijela url() kopiraju se doslovce, tako da URI podataka s vlastitom točkom-zarezom i dvotočkom — url(data:image/png;base64,...) — ostaje potpuno sam. Komentari ostaju riječ po riječ u svom retku u trenutnoj uvlaci.

Tri mogućnosti podešavanja izlaza. Uvlaka prelazi između dva razmaka, četiri razmaka ili kartice. Jedan selektor po retku stavlja svaki selektor popisa sa zarezima u vlastiti red, što je zgodno za dugačka grupirana pravila i čistije razlike. Prazna linija između pravila može se isključiti kada želite da list bude kompaktniji. Zbroj uživo broji pravila, deklaracije i izlazne retke dok tipkate, s označenim brojem pravila.

Ovo je pandan CSS minifier-u: upotrijebite ga da biste ponovno mogli uređivati komprimiranu produkcijsku datoteku, da ponovno formatirate nekonzistentni kod nekoliko autora ili jednostavno da pročitate tablicu stilova koju niste napisali. Sve se u potpunosti izvodi u vašem pregledniku — vaš CSS se nikada nigdje ne učitava.

FAQ

Mijenja li moje CSS vrijednosti ili nazive svojstava?
Ne. Samo dodaje i normalizira razmake i prijelome redaka. Selektori, svojstva, vrijednosti, boje, jedinice, url() tijela i komentari sačuvani su točno onako kako su napisani.
Hoće li zagrade unutar nizova ili url() prekinuti oblikovanje?
Ne. Skener znakova prati stanje niza, komentara i url(), tako da se sadržaj: "a{b}" i url(data:...;base64,...) doslovno kopiraju i nikada se ne tretiraju kao struktura.
Što radi "Jedan birač po retku"?
Stavlja svaki selektor popisa odvojenih zarezima u vlastiti redak, tako da h1, h2, h3 postaju tri retka iznad otvarajuće vitičaste zagrade. Zarezi unutar :is() ili selektora atributa nikada se ne dijele.
Može li popraviti nevažeći CSS?
Formatira na najbolji mogući način i nikada ne stvara pogreške na neispravnom unosu, ali ne potvrđuje niti popravlja vaš CSS. Zagrade koje nedostaju ili zalutali znakovi raspoređeni su onoliko koliko to njihova struktura dopušta.
Je li moj CSS igdje učitan?
Ne. Formatiranje se u potpunosti izvodi u vašem pregledniku i vaš CSS nikada ne napušta vaš uređaj.