सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें
बग रिपोर्ट करें

डेवलपर · लोकल उपयोगिता

CSS फ़ॉर्मैटर

CSS Formatter

CSS को असली पार्सर से दोबारा इंडेंट करें — अपनी पसंद का इंडेंटेशन चुनें, आँकड़े देखें और पढ़ने योग्य, लगातार रूल कॉपी करें।

टास्क पथ / इनपुट से परिणाम तक

अपना CSS पेस्ट करें

लोकल रूप से चलता है · कुछ भी अपलोड नहीं होता

CSS फ़ॉर्मैटर कैसे काम करता है, निजता और संबंधित टूल

टास्क पथ / इनपुट से परिणाम तक

CSS कैसे फ़ॉर्मैट करें

  1. 01

    अपना CSS पेस्ट करें

    256 KiB UTF-8 तक का स्रोत पेस्ट करें। फ़ॉर्मैटिंग के लिए दो या चार स्पेस चुनें।

  2. 02

    इंडेंटेशन चुनें

    2 या 4 खाली स्थान चुनें। नमूना पहले से भरा है; नया विकल्प फ़ॉर्मैट दबाने पर लागू होगा।

  3. 03

    असली पार्सर से फ़ॉर्मैट करें

    फ़ॉर्मैट दबाएँ। Prettier चुने इंडेंट और 100-स्तंभ चौड़ाई के साथ CSS को पार्स कर फिर लिखता है। लक्ष्य पेज में जाँचें।

  4. 04

    नतीजा और आंकड़ों की समीक्षा करें

    इनपुट और आउटपुट के UTF-8 बाइट तथा बचत प्रतिशत की तुलना करें। बचत ऋणात्मक हो तो परिणाम बड़ा है; कॉपी या डाउनलोड से पहले जाँचें।

  5. 05

    नतीजा कॉपी या डाउनलोड करें

    क्लिपबोर्ड के लिए नतीजा कॉपी करें इस्तेमाल करें या शीट को toolars.css के रूप में सहेजने के लिए डाउनलोड करें। जब अगली स्टाइलशीट इंतज़ार कर रही हो, रीसेट इनपुट, आउटपुट और विकल्प एक ही कदम में साफ़ करता है।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

CSS फ़ॉर्मैटर अपना सत्यापित लोकल एक्ज़ीक्यूशन पथ इस्तेमाल करता है और कोई छिपा इनपुट या आउटपुट इतिहास नहीं बनाता।

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

CSS फ़ॉर्मैटर कब उपयोगी होता है

कोड रिव्यू

किसी दूसरे डेवलपर के साथ शेयर करने से पहले सोर्स को जाँचने में आसान बनाएँ।

बिल्ड आर्टिफ़ैक्ट

सोर्स चलाए बिना कॉम्पैक्ट HTML, CSS या JavaScript बनाएँ।

कॉपी-रेडी स्निपेट

कोई केंद्रित उदाहरण फ़ॉर्मैट करें और उसे सीधे दस्तावेज़ या एडिटर में ले जाएँ।

CSS फ़ॉर्मैटर असल में क्या करता है

संपीड़ित स्टाइलशीट को पढ़ने योग्य अंतर चाहिए। पेस्ट करें, 2 या 4 खाली स्थान चुनकर फ़ॉर्मैट करें, फिर लक्ष्य पेज में चयनकर्ता और वैकल्पिक नियमों का क्रम जाँचें। बाइट गिनती साबित नहीं करती कि केवल खाली स्थान बदले।

आम सवाल

साइज़ सीमा क्या है?
इनपुट सीमा 256 KiB और आउटपुट सीमा 512 KiB है। स्थानीय Worker को शुरू होने और चलने के लिए अलग-अलग पाँच सेकंड मिलते हैं; स्रोत बदलने या रद्द करने पर काम रुकता है।
क्या फ़ॉर्मैटिंग बदल देती है कि मेरा CSS कैसे काम करता है?
स्वरूपण प्रस्तुति सुधारता है, लेआउट या ब्राउज़र समर्थन नहीं परखता। लक्षित पृष्ठ पर चयनकर्ता, कस्टम गुण और कैस्केड जाँचें तथा मूल रखें।
मेरा CSS क्यों अस्वीकार हुआ?
यह पार्सर है, टेक्स्ट संवारने वाला नहीं: बंद न हुई ब्रेस या भटकते अक्षर जैसा टूटा सिंटैक्स रन रोक देता है, और स्थिति लाइन समस्या की लाइन और कॉलम बताती है। अमान्य इनपुट से कोई आउटपुट नहीं बनता, इसलिए आंशिक या अनुमानित शीट कभी गलती से आपके क्लिपबोर्ड तक नहीं पहुंचती।
क्या मुझे टैब या आठ-स्पेस इंडेंटेशन मिल सकता है?
नहीं। इंडेंट साइज़ ठीक 2 स्पेस और 4 स्पेस देता है — वे दो परिपाटियां जिन्हें ज़्यादातर स्टाइलशीट पहले से मानती हैं। अगर आपका प्रोजेक्ट दूसरी चौड़ाई इस्तेमाल करता है, तो यहां नज़दीकी विकल्प से फ़ॉर्मैट करें और बाकी फ़र्क़ अपने एडिटर के अपने फ़ॉर्मैटर से नॉर्मलाइज़ कराएं।
आंकड़ों वाली पंक्ति मुझे क्या बताती है?
यह पंक्ति रूपांतरण से पहले और बाद के UTF-8 बाइट तथा अंतर दिखाती है। फ़ॉर्मैट से आकार बढ़ सकता है; संख्या वैधता या समान दृश्य परिणाम नहीं बताती।
क्या मेरी स्टाइलशीट कहीं अपलोड होती है?
नहीं। स्रोत लोकल Worker के अंदर पार्स होता है और कभी एक्ज़ीक्यूट, अपलोड या सहेजा नहीं जाता। पार्सर की स्वीकृति न तो एप्लिकेशन की सही-सलामती है, न ब्राउज़र कंपैटिबिलिटी।

डेवलपर में जारी रखें

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

कोड से इमेज

Code to Image Converter

कोड पेस्ट करें, भाषा और थीम चुनें, फ़्रेम सजाएँ और हाइलाइट किया कोड PNG या SVG में एक्सपोर्ट करें — स्केल और फ़ॉन्ट एडजस्टेबल, पूरी तरह लोकल।

बनाएँ

URL स्लग जनरेटर

URL Slug Generator

टाइटल से साफ़ URL slug बनाएँ — एक्सेंट हटते हैं, & को 'and' बनता है, हर स्क्रिप्ट के अक्षर बचे रहते हैं। हाइफ़न या अंडरस्कोर चुनें; टाइप करते ही नतीजा।

बनाएँ

React Native के लिए शैडो

React Native Shadow Generator

iOS शैडो और Android elevation सेट करें, पुराने shadow और नए boxShadow सिंटैक्स की तुलना करें, प्लेटफ़ॉर्म सीमाएँ देखें और तैयार स्टाइल कॉपी करें।

बनाएँ

Base64 एन्कोडर/डिकोडर

Base64 Encoder/Decoder

यूनिकोड टेक्स्ट एनकोड करें या Base64 डिकोड करें — URL-सेफ़ वेरिएंट और लाइव वैलिडेशन सहित, पूरी तरह लोकल; Swap से राउंड-ट्रिप एक क्लिक में।

बदलें