یہ بلاگ بحث کرے گا:

• آؤٹ لائن ریڈیئس کیا ہے؟
• HTML عنصر پر Outline Radius Effect کا اطلاق کیسے کریں؟

آؤٹ لائن کا رداس کیا ہے؟

' خاکہ ' پراپرٹی کو عنصر کے خاکہ کی شکل دینے کے لیے استعمال کیا جاتا ہے، لیکن اسے براہ راست لاگو نہیں کیا جا سکتا۔ لہذا، ایک آؤٹ لائن پر رداس اثر کو لاگو کرنے کا متبادل طریقہ استعمال کر رہا ہے ' سرحدی رداس سی ایس ایس پراپرٹی۔ یہ خاکہ کے لیے گول کونوں کی وضاحت کرتا ہے۔

HTML عنصر پر Outline Radius Effect کا اطلاق کیسے کریں؟

آؤٹ لائن ریڈیس پراپرٹی کو استعمال کرنے کے لیے، دی گئی ہدایات پر عمل کریں۔

مرحلہ 1: عنوانات کو سرایت کریں۔

ابتدائی طور پر، کسی بھی ہیڈنگ ٹیگ کو استعمال کرکے عنوانات کو سرایت کریں '

'سے'

' مثال کے طور پر، ہم نے استعمال کیا ہے '

'اور'

HTML دستاویز پر دو مختلف عنوانات کو سرایت کرنے کے لیے ٹیگز۔

مرحلہ 2: پہلا div کنٹینر شامل کریں۔

اس کے بعد، 'کا استعمال کرتے ہوئے ایک کنٹینر شامل کریں

'ٹیگ۔ اس کے علاوہ، داخل کریں ' کلاس اپنی پسند کے مطابق کلاس کے لیے خصوصیت اور نام بتائیں۔

---

---

مرحلہ 3: دوسرا div کنٹینر بنائیں

دوسرا بنائیں' div اسی طریقہ کار پر عمل کرتے ہوئے کنٹینر:

< h1 انداز = 'رنگ: آر جی بی(48، 10، 218)' > Linuxhint LTD UK < / h1 >

< h2 >

ایک آؤٹ لائن سرکلر کے کونوں کو بنانے کے لیے سرحدی رداس کے لیے مختلف مثالیں۔

< / h2 >

< div کلاس = 'box1-div' >

Linuxhint اپنے صارفین کے لیے بہترین اور منفرد مواد فراہم کرتا ہے۔

< / div >

< div کلاس = 'box2-div' >

یہ متعدد زمروں پر کام کرتا ہے۔

< / div >

مندرجہ بالا کوڈ کا آؤٹ پٹ ذیل میں دکھایا گیا ہے:

مرحلہ 4: پہلے کنٹینر کا خاکہ ترتیب دیں۔

'کا استعمال کرکے پہلے کنٹینر تک رسائی حاصل کریں .box1-div 'کلاس جہاں' . کلاس تک رسائی کے لیے سلیکٹر ہے:

.box1-div {

خاکہ : ٹھوس ;

چوڑائی : 300px ;

بھرتی : 15px ;

مارجن : 25px ;

}

پھر، ذیل میں درج سی ایس ایس خصوصیات کو لاگو کریں:

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

مرحلہ 5: دوسرے کنٹینر کی خاکہ ترتیب دیں۔

اب، اس کے متعلقہ طبقے کی مدد سے دوسرے عنصر تک رسائی حاصل کریں۔ .box2-div ”:

.box2-div {

خاکہ : ٹھوس ;

سرحدی رداس : 20px ;

چوڑائی : 300px ;

بھرتی : 15px ;

مارجن : 25px ;

}

سی ایس ایس پراپرٹی کو لاگو کریں ' سرحدی رداس عنصر کے رداس کی وضاحت کے لیے۔ یہ خاصیت آپ کو عنصر کے گرد گول کونے شامل کرنے کی اجازت دیتی ہے:

یہ دیکھا جا سکتا ہے کہ ہم نے HTML عنصر پر آؤٹ لائن رداس اثر کو کامیابی سے شامل کر لیا ہے۔

نتیجہ

' خاکہ کا رداس ' اب دستیاب نہیں ہے. صارف سی ایس ایس 'آؤٹ لائن' اور 'بارڈر-ریڈیس' خصوصیات کی مدد سے آؤٹ لائن ریڈیئس خصوصیات کو لاگو کر سکتے ہیں۔ ' خاکہ ' عنصر کے ارد گرد ایک خاکہ شامل کرتا ہے، اور ' سرحدی رداس ” خاص طور پر آؤٹ لائن کو اسٹائل کرنے کے لیے استعمال کیا جاتا ہے۔ اس پوسٹ نے HTML میں عنصر کے ارد گرد آؤٹ لائن رداس اثر کو شامل کرنے کی ہدایات کا مظاہرہ کیا ہے۔