مفت CSS بیوٹیفائر

یہ کیسے کام کرتا ہے

یہ ٹول صفحے میں بنے ہاتھ سے لکھے تکراری پارسر سے CSS فارمیٹ کرتا ہے — نہ تیسرے فریق کی لائبریری، نہ سرور کال۔ پارسر آپ کی CSS کو حرف بہ حرف پڑھتا ہے، اور اقتباس شدہ اسٹرنگز، url() قدریں، اندرونی at-rules اور تبصرے درست سنبھالتا ہے جو سادہ regex طریقوں کو الجھا دیتے۔

1. 1
   حرفی سطح کی ٹوکنائزیشن

   walkCss فنکشن خام ان پٹ کو ایک ایک حرف اسکین کرتا ہے، اقتباس کی حالت اور قوسین کی گہرائی پر نظر رکھتے ہوئے تاکہ url()، اسٹرنگ قدروں یا تبصروں کے اندر سیمی کالن یا بریسز کو کبھی ساختی حد بندی نہ سمجھا جائے۔
2. 2
   بلاک اور ڈیکلریشن کی علیحدگی

   جب اسکینر اعلیٰ سطح کا کھلنے والا بریس پاتا ہے تو وہ ابتدائیہ (سلیکٹر یا at-rule کلیدی لفظ) نکالتا ہے اور بلاک کے مواد کو تکراری طور پر پروسیس کرتا ہے — جس میں خود اندرونی قواعد (@media، @supports، مقامی CSS nesting) ہو سکتے ہیں جو گہری تکراری سطح پر سنبھالے جاتے ہیں۔
3. 3
   پراپرٹی کی ترتیب اور انڈینٹیشن

   ہر بلاک کی ڈیکلریشنز ایک گروپ میں جمع ہوتی ہیں، پھر اختیاری طور پر پراپرٹی نام کے لحاظ سے حروف تہجی میں ترتیب دی جاتی ہیں، اور منتخب انڈینٹ چوڑائی (2 یا 4 اسپیسز) کے ساتھ لکھی جاتی ہیں۔ Minify موڈ خالی جگہ مکمل چھوڑ دیتا ہے اور تبصرے ہٹا دیتا ہے۔
4. 4
   براؤزر میں فوری آؤٹ پٹ

   نتائج useMemo hook کے ذریعے ٹائپ کرتے ہی ظاہر ہوتے ہیں — کچھ بھی کہیں نہیں بھیجا جاتا۔ فارمیٹ یا minify شدہ CSS کلپ بورڈ پر کاپی یا .css فائل کے طور پر ڈاؤن لوڈ ہو سکتی ہے، اور پینل اصل کے مقابلے سائز کا فرق دکھاتا ہے۔

متعلقہ ٹولز