کسی بھی مضمون یا دستاویز کو لکھتے وقت، ہمیں اکثر مخصوص معاملات میں کچھ کرداروں کی ضرورت ہوتی ہے۔ ایک ویب صفحہ پر، HTML عنصر جس کے متن کو تبدیل کرنے کی ضرورت ہوتی ہے اسے CSS پراپرٹی کے ساتھ لاگو کیا جاتا ہے۔ متن کی تبدیلی ' یہ خاصیت اس طرح وقت بھی بچاتی ہے کہ تمام کرداروں کو شامل کرنے کے بعد، ان کے کیس کو ایک ساتھ تبدیل کیا جا سکتا ہے۔

یہ پوسٹ آپ کو سکھائے گی کہ ہم سی ایس ایس کے ساتھ ٹیکسٹ کیسز کو کیسے تبدیل کر سکتے ہیں۔ تو، چلو شروع کریں!

سی ایس ایس کا استعمال کرتے ہوئے بڑے اور چھوٹے متن کو کیسے بنایا جائے؟

سی ایس ایس میں، ' متن کی تبدیلی پراپرٹی متن کے بڑے حروف کو کنٹرول کرتی ہے۔ اس کا استعمال متن کو بڑے یا چھوٹے حروف میں تبدیل کرنے کے لیے بھی کیا جاتا ہے۔

ٹیکسٹ ٹرانسفارم پراپرٹی ویلیوز

CSS ٹیکسٹ ٹرانسفارم پراپرٹی کی ممکنہ قدریں ذیل میں درج ہیں:

• • ' بڑے ”: یہ قدر عنصر کے متن میں موجود تمام حروف کو بڑا بناتی ہے۔
  • ' چھوٹا ”: یہ قدر عنصر کے متن کو چھوٹے حروف میں تبدیل کرتی ہے۔
  • ' سرمایہ کاری ”: یہ قدر ہر لفظ کے پہلے حروف کو بڑے حروف میں تبدیل کرتی ہے۔
  • ' کوئی نہیں ”: یہ قدر ترمیم کے لیے عنصر کے متن کو محدود کرتی ہے۔
  • ' ابتدائی ”: یہ ویلیو ڈیفالٹ ویلیو سیٹ کرتی ہے۔
  • ' تم وارث ہو ”: یہ قدر اپنی قدر اپنے بنیادی عنصر سے متعین کرتی ہے۔

ذیل کی مثال کا تجزیہ کریں!

مثال: متن کو بڑے اور چھوٹے میں تبدیل کرنا

سب سے پہلے، کلاس کے نام کے ساتھ ایک div عنصر شامل کریں ' ڈبہ ' باڈی کے اندر، تین ہیڈنگ ٹیگز

،

، اور

شامل کریں، جہاں

سرخی کا متن تمام بڑے حروف میں ہے،

چھوٹے حروف میں ہے، اور تیسرا بھی چھوٹے حروف میں ہے۔

ذیل میں HTML کوڈ ہے:

< div کلاس = 'ڈبہ' >
< h1 > لوئر کیس: LINUXHINT میں خوش آمدید h1 >
< h2 > بڑے: linuxhint میں خوش آمدید h2 >
< h3 > capitalize: linuxhint میں خوش آمدید h3 >
div >

سٹائل باکس div

.ڈبہ {
اونچائی: 200px؛
چوڑائی: 80 % ;
بارڈر: 4px ٹھوس #e4cfcf؛
پس منظر کا رنگ: کیڈٹ بلیو؛
مارجن: 1px آٹو؛
پیڈنگ: 10px؛
}

مندرجہ بالا HTML فائل میں تخلیق کردہ div کو اب CSS خصوصیات کے ساتھ اسٹائل کیا گیا ہے جس کی وضاحت ذیل میں کی گئی ہے۔

• • ' اونچائی div کی اونچائی کو ترتیب دینے کے لیے استعمال کیا جاتا ہے۔
  • ' چوڑائی div کی چوڑائی کو ترتیب دینے کے لیے استعمال کیا جاتا ہے۔
  • ' سرحد ” پراپرٹی کو عنصر کے ارد گرد بارڈر لگانے کے لیے استعمال کیا جاتا ہے، جو کہ 4px چوڑائی، ٹھوس لائن کی قسم، اور #e4cfcf رنگ کا ہے۔
  • ' پس منظر کا رنگ ' عنصر کے پس منظر کا رنگ بتاتا ہے۔
  • ' مارجن پراپرٹی عنصر کے ہر طرف جگہ کو ایڈجسٹ کرتی ہے۔
  • ' بھرتی ' پراپرٹی کا استعمال div عنصر کے مواد کے ارد گرد یا عنصر کی سرحد کے اندر جگہ پیدا کرنے کے لیے کیا جاتا ہے۔

نیچے دیئے گئے کوڈ بلاکس بتاتے ہیں کہ تمام سرخی والے عناصر کو متن کی تبدیلی کی خصوصیات کی مختلف اقدار کے ساتھ اسٹائل کیا گیا ہے۔

عنصر کو پراپرٹی ٹیکسٹ ٹرانسفارم کے ساتھ لاگو کیا جاتا ہے جس کی قدر سیٹ کی گئی ہے ' چھوٹا ”:

h1 {
متن کی تبدیلی: چھوٹے
}

عنصر کو ٹیکسٹ ٹرانسفارم پراپرٹی کے ساتھ لاگو کیا جاتا ہے جس کی قدر 'کے طور پر سیٹ کی جاتی ہے۔ بڑے ”:

h2 {
ٹیکسٹ ٹرانسفارم: بڑے
}

عنصر کے لیے، ٹیکسٹ ٹرانسفارم پراپرٹی کی قدر کو ' سرمایہ کاری ”:

h3 {
ٹیکسٹ ٹرانسفارم: کیپیٹلائز
}

مذکورہ کوڈ فراہم کرنے سے، پہلی سرخی کا متن تمام چھوٹے حروف میں اور دوسری سرخی کو بڑے حروف میں تبدیل کر دیا جاتا ہے۔ جبکہ ہر لفظ کے پہلے حرف کو تیسرے عنوان میں بڑے حروف میں لکھا گیا ہے:

زبردست! ہم نے کامیابی کے ساتھ سیکھ لیا ہے کہ متن کو بڑے، چھوٹے اور تمام بڑے حروف میں کیسے تبدیل کیا جائے۔

نتیجہ

CSS کی ٹیکسٹ ٹرانسفارم پراپرٹی ٹیکسٹ کی کیپٹلائزیشن کو کنٹرول کرتی ہے اور اس کا استعمال دستاویز کے ٹیکسٹ کے کیسز کو تبدیل کرنے کے لیے کیا جاتا ہے۔ یہ خاصیت تمام عناصر پر لاگو ہوتی ہے، جہاں اس خاصیت کی قدریں بڑے، چھوٹے، بڑے، یا کوئی بھی نہیں ہوسکتی ہیں۔ اس بلاگ نے سی ایس ایس ٹیکسٹ ٹرانسفارم پراپرٹی کا استعمال کرتے ہوئے ٹیکسٹ کو بڑے اور چھوٹے میں تبدیل کرنے کے طریقہ کار کی وضاحت کی ہے۔