اور

ٹیگز کا استعمال کرتے ہوئے ایک سرخی اور پیراگراف شامل کریں گے:

< جسم >

< div کلاس = 'کونے' >

< h1 > لینکس کا اشارہ < / h1 >

< ص > سی ایس ایس میں گول کونے < / ص >

< / div >

< / جسم >

اگلا، ہم CSS سیکشن میں جائیں گے۔

یہاں، ' کونا

کو تفویض کردہ کلاس تک رسائی کے لیے استعمال کیا جاتا ہے۔ اس کے بعد، ہم 'کا استعمال کرتے ہوئے ایک بارڈر بنائیں گے۔ سرحد 'پراپرٹی اور چوڑائی، انداز اور رنگ کی قدروں کو بطور تفویض کریں' 4px '،' ٹھوس '، اور ' rgb(248, 6, 107) 'بالترتیب۔ مزید برآں، ہم چوڑائی شامل کریں گے ' 250px '، اونچائی' 150px '، اور پس منظر کا رنگ' rgb(234, 0, 255) ' div کے لیے:

کونا {

سرحد : 4px ٹھوس آر جی بی ( 248 ، 6 ، 107 ) ;

چوڑائی : 250px ;

اونچائی : 150px ;

پس منظر کا رنگ : آر جی بی ( 2. 3. 4 , 0 , 255 ) ;

}

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

اب، ہم اگلے حصے میں جائیں گے، جہاں ہم گول کونے والے بارڈر تک مربع بارڈر بنائیں گے۔

سی ایس ایس کا استعمال کرتے ہوئے کونے کو کیسے گول کریں؟

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

نحو

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

سرحدی رداس : قدر

آئیے پچھلی مثال کو جاری رکھیں اور گول کونوں کو حاصل کرنے کے لیے بارڈر ریڈیئس سیٹ کریں۔

مثال

میں ' کونا 'سی ایس ایس فائل کی کلاس، کی قدر مقرر کریں' سرحدی رداس ' جائیداد کے طور پر ' 30px ”:

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

مندرجہ بالا لائن کو شامل کرنے کے ساتھ، آپ کو درج ذیل آؤٹ پٹ ملے گا:

اوپر دیا گیا آؤٹ پٹ اس بات کی نشاندہی کرتا ہے کہ بارڈر ریڈیئس پراپرٹی کی وجہ سے بارڈرز کو کامیابی کے ساتھ گول کونوں میں تبدیل کر دیا گیا ہے۔

نتیجہ

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