صارف کی اپیل کرنے والی ویب سائٹس کو وقتاً فوقتاً متعدد اسٹائل کے طریقہ کار کو شامل کرنے کی ضرورت ہوتی ہے۔ ایسے حالات میں، متن کی سجاوٹ کے اسٹائل کو سائٹ کو نمایاں کرنے کے لیے ضروریات کے مطابق مختلف اقدار کی بنیاد پر متعدد طریقوں سے انجام دیا جا سکتا ہے۔
یہ بلاگ مندرجہ ذیل مواد کے علاقوں کا احاطہ کرے گا:
Tailwind CSS میں ٹیکسٹ ڈیکوریشن اسٹائل کیسے سیٹ کریں؟
ٹیکسٹ اسٹائل کو 'کی مدد سے سیٹ اور سجایا جاسکتا ہے۔ ٹیکسٹ ڈیکوریشن اسٹائل مختلف اسٹائلنگ اقدار کے ساتھ مختص جائیداد۔
ٹیکسٹ ڈیکوریشن اسٹائل پراپرٹیز
| کلاس | پراپرٹیز |
| سجاوٹ - ٹھوس | متن سجاوٹ طرز: ٹھوس؛ |
| سجاوٹ - ڈبل | متن سجاوٹ طرز: ڈبل؛ |
| سجاوٹ لہراتی | متن سجاوٹ طرز: لہراتی؛ |
| سجاوٹ سے بھرا ہوا | ٹیکسٹ ڈیکوریشن اسٹائل: ڈیشڈ؛ |
| سجاوٹ نقطوں والا | text-decoration-style: نقطے دار؛ |
مثال: Tailwind CSS میں ٹیکسٹ ڈیکوریشن اسٹائل سیٹ کرنا
یہ مثال اوپر زیر بحث ' ٹیکسٹ ڈیکوریشن اسٹائل پیراگراف ٹیکسٹ کو اسٹائل کرنے کے لیے تمام اقدار کے ساتھ پراپرٹی:
DOCTYPE html >< html >
< سر >
< میٹا چار سیٹ = 'utf-8' >
< میٹا نام = 'ویو پورٹ' مواد = 'چوڑائی = ڈیوائس کی چوڑائی، ابتدائی پیمانہ = 1' >
< سکرپٹ src = 'https://cdn.tailwindcss.com' >> سکرپٹ >
سر >
< جسم >
< div >
< ص کلاس = 'انڈر لائن سجاوٹ-ٹھوس...' > یہ Linuxhint ویب سائٹ ہے۔ ص >
< ص کلاس = 'انڈر لائن سجاوٹ - ڈبل ...' > یہ Linuxhint ویب سائٹ ہے۔ ص >
< ص کلاس = 'انڈر لائن سجاوٹ لہراتی...' > یہ Linuxhint ویب سائٹ ہے۔ ص >
< ص کلاس = 'ڈیکوریشن ڈیشڈ...' > یہ Linuxhint ویب سائٹ ہے۔ ص >
< ص کلاس = 'انڈر لائن سجاوٹ ڈاٹڈ...' > یہ Linuxhint ویب سائٹ ہے۔ ص >
div >
جسم >
html >
اس کوڈ کی بنیاد پر، درج ذیل اقدامات کا اطلاق کریں:
-
- دیئے گئے کو شامل کریں ' سی ڈی این 'کے اندر کا راستہ' Tailwind فنکشنلٹیز کو لاگو کرنے کے لیے ٹیگ۔
- اب، 'کا استعمال کرتے ہوئے چار پیراگراف بنائیں 'ٹیگ جس میں' متن کی سجاوٹ ہر معاملے میں مختلف قدر کے ساتھ تفویض کردہ جائیداد، جیسا کہ زیر بحث ہے۔
- اس کے نتیجے میں متن کو ٹھوس، ڈبل، لہراتی، ڈیشڈ، اور ڈاٹڈ لائنوں کے ساتھ انڈر لائن کرتا ہے۔
آؤٹ پٹ
اس نتیجہ سے یہ ثابت ہوتا ہے کہ متن کو اسی کے مطابق سجایا گیا ہے۔
نتیجہ
ٹیکسٹ اسٹائل کو 'کی مدد سے سیٹ اور سجایا جاسکتا ہے۔ ٹیکسٹ ڈیکوریشن اسٹائل مختلف اسٹائلنگ اقدار کے ساتھ مختص جائیداد۔ ان اقدار میں ٹھوس، ڈبل، لہراتی، ڈیشڈ، اور ڈاٹڈ شامل ہیں۔ یہ بلاگ Tailwind CSS کا استعمال کرتے ہوئے ٹیکسٹ ڈیکوریشن کے انداز کو ترتیب دینے کے بارے میں تھا۔