اپر کیس ٹیکسٹ کو ٹائٹل کیس میں تبدیل کرنے کے لیے سی ایس ایس کا استعمال کیسے کریں؟

Apr Kys Yks Kw Ay L Kys My Tbdyl Krn K Ly Sy Ays Ays Ka Ast Mal Kys Kry



' بڑے جیسا کہ اس کا نام ہدف شدہ متن کے تمام حروف کو بڑے حروف کی شکل میں سیٹ کرتا ہے اور ' عنوان کیس ٹارگیٹڈ ٹیکسٹ میں ہر لفظ کے ابتدائی کردار کو بڑا کرتا ہے۔ یہ زیادہ تر ویب صفحات پر عنوانات، ذیلی عنوانات اور عنوانات کی فارمیٹنگ میں استعمال ہوتا ہے۔ صارفین کو مینو آئٹمز یا مصنوعات کی فہرستوں کی پڑھنے کی اہلیت کو بہتر بنانے کے لیے بھی استعمال کیا جا سکتا ہے۔ یہ ویب پیج کی مجموعی شکل اور شناخت کو بھی بڑھاتا ہے۔

یہ مضمون بڑے حرف کے متن کو ٹائٹل کیس میں تبدیل کرنے کے لیے مرحلہ وار طریقہ کار کو ظاہر کرتا ہے۔

اپر کیس ٹیکسٹ کو ٹائٹل کیس میں کیسے تبدیل کیا جائے؟

سی ایس ایس پراپرٹیز اور جاوا اسکرپٹ کی مدد سے بڑے ٹیکسٹ کو ٹائٹل کیس میں تبدیل کیا جا سکتا ہے۔ یہ تبدیلی متن کی پڑھنے کی اہلیت اور ظاہری شکل کو بہتر بنانے میں مدد کرتی ہے۔ نیز، یہ مستقل فارمیٹنگ فراہم کرتا ہے اور صارف کے تجربے کو بڑھاتا ہے۔







اپر کیس سے ٹائٹل کیس میں تبدیلی کے لیے درج ذیل مرحلہ وار گائیڈ پر عمل کریں:



مرحلہ 1: ایک ہدف شدہ عنصر بنائیں
اس پہلے مرحلے میں، اندر ایک ھدف شدہ/منتخب عنصر بنائیں ٹیگ جو ٹائٹل کیس میں تبدیل ہو جاتا ہے۔ مثال کے طور پر، ' ص عناصر کے ڈیٹا کو نشانہ بنایا گیا ہے:



< مرکز >
< ص آئی ڈی = 'کنورٹر' > یہ متن CSS کا استعمال کرتے ہوئے بڑے کیس سے عنوان کیس میں تبدیل ہو جاتا ہے < / ص >
< مرکز >

مندرجہ بالا کوڈ بلاک میں:





  • سب سے پہلے، استعمال کریں '

    ' کے اندر ویب صفحہ کے مرکز میں متن ظاہر کرنے کے لیے ٹیگ ' <مرکز> 'ٹیگ۔ نیز، بڑے حروف کی شکل میں ڈمی ڈیٹا فراہم کریں۔

  • اگلا، ایک شامل کریں ' آئی ڈی 'انتساب اور اس کی قدر فراہم کریں' کنورٹر ' یہ ' آئی ڈی جاوا اسکرپٹ ٹیگ کے اندر

    ٹیگ کا حوالہ ذخیرہ کرنے کے لیے استعمال کیا جائے گا۔

تالیف کے مرحلے کے اختتام کے بعد:



ویب پیج کا اوپر والا سنیپ شاٹ ظاہر کرتا ہے کہ متن کامیابی کے ساتھ ظاہر ہوا ہے۔

مرحلہ 2: بڑے کو ٹائٹل کیس میں تبدیل کرنا
کنورٹر بنانے کے لیے، جاوا اسکرپٹ کی خصوصیات اور طریقے استعمال کیے جاتے ہیں۔ مندرجہ ذیل کوڈ پر عمل کریں، اس کی تفصیل ذیل میں بیان کی گئی ہے:

< سکرپٹ >
تھا ہدف = document.getElementById ( 'کنورٹر' ) .textContent.toLowerCase ( ) ;
ہدف = ہدف تبدیل کریں ( / \b\w / جی،
فنکشن ( کم ) { Lower.toUpperCase واپس کریں۔ ( ) ; } ) ;
document.getElementById ( 'کنورٹر' ) متن کا مواد = ہدف ;
< / سکرپٹ >

مندرجہ بالا کوڈ کے ٹکڑوں میں:

  • سب سے پہلے، ایک متغیر بنائیں جس کا نام ہے ' ہدف ' کے اندر '