सीधे कंटेंट पर जाएँ
ToolMug

↑ ↓ से चुनें, Enter से खोलें, Esc से बंद करें।

CSS फ़ॉर्मेटर

Minified या उलझी CSS को readable और समान indentation वाली stylesheet में बदलें। Nesting, variables और mixins सहित SCSS और Less भी समर्थित हैं।

आपके ब्राउज़र में चलता है — आपका डाला गया कुछ भी अपलोड नहीं होता

कैसे इस्तेमाल करें

  1. CSS, SCSS या Less paste करें।
  2. Language और indentation चुनें।
  3. Format दबाएँ या Ctrl+Enter (Mac पर ⌘+Enter) करें।
  4. Formatted stylesheet copy करें।

विकल्पों की जानकारी

Language
CSS, SCSS या Less चुनें ताकि $gap, @gap variables और nested rules सही समझे जाएँ।
Indent और line width
Nested rules और declarations की indentation तथा वह width जहाँ लंबे selectors और values wrap हों।

उदाहरण

Minified framework CSS। एक-line .min.css file paste करके rules एक-एक line में पढ़ें।

SCSS cleanup। Mixed indentation वाला nested SCSS paste करके consistent two-space nesting पाएँ।

अक्सर पूछे जाने वाले सवाल

Formatting क्या बदलती है?

हर declaration अलग line पर आती है, colons और braces की spacing normalize होती है, hex colors lowercase और blank lines की लगातार runs एक में बदलती हैं। Property order और values नहीं बदलते।

क्या website की minified CSS को un-minify कर सकता हूँ?

हाँ। Minified file paste करके Format दबाएँ। Minifier द्वारा हटाए गए comments वापस नहीं आ सकते।

क्या मेरा code upload होता है?

नहीं। Formatting ब्राउज़र में होती है।

प्राइवेसी

यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपकी फ़ाइलें और टेक्स्ट आपके डिवाइस पर ही प्रोसेस होते हैं और हमारे सर्वर पर कभी अपलोड नहीं होते।

मिलते-जुलते टूल