Avaleht / Arendajatööriistad / CSS-i vormindaja ja tihendaja
Tasuta veebitööriistad

CSS-i vormindaja ja tihendaja

Vorminda või tihenda CSS-i veebis. Vali taane ja režiim. Sisend kuni 500 000 tähemärki. Tulemus kopeeritav. Töötlemine toimub kohalikult teie brauseris.

Alusta kasutamist

CSS-i vormindamine ja tihendamine

See tööriist aitab muuta CSS-koodi loetavamaks või kompaktsemaks. See on kerge tekstivormindaja, mitte täielik CSS-parser või -validaator.

Vormindamine (Beautify)

Vormindamine eemaldab üleliigsed tühikud, jaotab teksti loogeliste sulgude ja semikoolonite järgi ning taandab plokkide sügavust. Näiteks sisendist body{color:red;margin:0;} saadakse:

body {
  color: red;
  margin: 0;
}

Tihendamine (Minify)

Tihendamine eemaldab plokikommentaarid, tihendab tühikud loogeliste sulgude, koolonite, semikoolonite ja komade ümber ning eemaldab semikooloni vahetult enne sulgevat loogelist sulgu. See ei arvuta gzipi suurust ega loo source map-e.

Piirangud ja soovitused

Keerulised stringid, kohandatud atribuutide väärtused, andme-URL-id, kommentaarid, mida kasutatakse juhistena, või vigane CSS võivad vajada täiendavat kontrolli brauseris või ehitustorustikus, sest kirjavahemärgid nende sees võivad olla tähenduslikud. Tööriist ei sorteeri atribuute, ei lisa brauseri eesliiteid, ei testi ühilduvust ega paranda selektoreid.

Privaatsus

Töötlemine toimub teie brauseris ja ühtegi faili ei laadita üles.

Korduma kippuvad küsimused

Kas tihendatud CSS on alati semantiliselt sama mis originaal?

Tihendamine eemaldab kommentaarid ja tühikud, kuid ei muuda atribuutide järjekorda ega väärtusi. Siiski võivad mõned äärejuhtumid (nt kohandatud atribuutide väärtused või andme-URL-id) nõuda käsitsi kontrolli, sest tihendaja ei ole täielik CSS-parser.

Kuidas valida taande suurust?

Vormindamisel saate valida kahe tühiku, nelja tühiku või tabulaatori vahel. See mõjutab ainult taande laiust, mitte muud süntaksit.

Kas tööriist toetab suuri faile?

Sisend on piiratud 500 000 tähemärgiga. Suuremate failide puhul soovitame need osadeks jagada.

Kontrollnimekiri

  • Kleepige CSS õigesse sisestusvälja.
  • Valige sobiv taane (2 tühikut, 4 tühikut või tabulaator).
  • Valige režiim: vorminda või tihenda.
  • Kontrollige tulemust keeruliste CSS-konstruktsioonide korral.
  • Kopeerige tulemus.

Töötlemine toimub kohalikult teie brauseris.