CSS / SCSS Formatter

CSS/SCSS/LESS beautify ya minify karein, properties sort karein aur duplicates hatayein.

Aapki CSS aapke browser mein locally format hoti hai aur kuch bhi server par upload nahi hota.

JavaScript bhi beautify karna hai? JS Formatter try karein.

CSS / SCSS Formatter ke baare mein

Yeh css formatter Prettier ka istemaal karke CSS, SCSS aur LESS ko beautify ya minify karta hai, declarations ko alphabetically sort karne aur duplicate properties hatane ke options ke saath. Ise ek css beautifier ki tarah istemaal karein gande stylesheets saaf karne ke liye, ya ek scss formatter aur less formatter ki tarah jab aap preprocessors ke aar-paar kaam karte hain. Comments aur whitespace hatakar compact production CSS banane ke liye minify mode par switch karein. Yeh un front-end developers, designers aur QA engineers ke liye banaya gaya hai jinhein consistent, readable styles chahiye ya commit ya code review se pehle css online format karne ka ek tej tareeka. Aap indentation ke liye tabs ya spaces chun sakte hain, apni file se milta syntax pick kar sakte hain, aur prettier css output kahin bhi dobara use kar sakte hain. Sab kuch aapke browser mein locally process hota hai, isliye aapke stylesheets device se bahar nahi jaate aur kuch bhi server par upload nahi hota.

Features

CSS / SCSS Formatter kaise use karein

  1. Apni CSS, SCSS ya LESS input box mein paste karein.
  2. Apni file se milta syntax mode (CSS, SCSS ya LESS) chunein.
  3. Format karne ke liye Beautify ya output compact karne ke liye Minify select karein.
  4. Result fine-tune karne ke liye Sort props, Dedupe ya Tabs toggle karein.
  5. Output panel se formatted CSS copy ya download karein.

Example

Input

.btn{color:#FFF;padding:8px;color:#fff;}

Output

.btn {
  color: #fff;
  padding: 8px;
}

Beautify mode jisme duplicate declarations hata diye gaye.

Common errors aur troubleshooting

Aksar pooche jaane wale sawaal

ArrayKit CSS Formatter kya hai?
Yeh ek browser-based css formatter hai jo Prettier se CSS, SCSS aur LESS beautify ya minify karta hai, aur plain CSS mein properties alphabetically sort aur duplicate declarations hata sakta hai.
CSS Formatter se CSS kaise minify karun?
Apna stylesheet paste karein, milta syntax mode chunein, phir Minify select karein taaki comments aur whitespace strip ho aur compact production CSS bane jise aap copy ya download kar sakte hain.
Kya CSS Formatter SCSS aur LESS support karta hai?
Haan. Syntax (CSS, SCSS ya LESS) pick karein aur yeh us hisaab se parse karta hai. Property sorting aur de-duplication plain CSS par apply hote hain.
Kya CSS Formatter properties alphabetically sort kar sakta hai?
Haan. Beautify mode mein CSS select hone par, har rule ke andar declarations alphabetically reorder karne ke liye Sort props toggle karein.
Kaunsa engine CSS format karta hai?
Beautifying Prettier use karta hai, isliye output un hi conventions se match karta hai jo Prettier aapke editor aur build tools mein apply karta hai.
Kya CSS Formatter meri CSS kahin upload karta hai?
Nahi. Css formatter poori tarah aapke browser mein chalta hai, isliye aapke stylesheets locally process hote hain aur kabhi device se bahar nahi jaate.

Related tools

Saare ArrayKit tools