ڈویلپرز اپنے ویب صفحات کو مزید پرکشش بنانے کے لیے متعدد سی ایس ایس خصوصیات کا اطلاق کر سکتے ہیں، جیسے ' اونچائی 'اور' چوڑائی 'سائز سیٹ کرنے کے لیے خواص،' متن سیدھ 'متن کو ایڈجسٹ کرنے کے لیے،' سرحدی طرز 'اور' سرحدی رداس عنصر کے گرد بارڈر سیٹ کرنے کے لیے خصوصیات۔ مزید برآں، آپ اپنی ضروریات کے مطابق ایک بارڈر شامل کر سکتے ہیں، جیسے کہ عنصر کے ایک طرف، صرف اشیاء کے پیچھے چیزوں کو زیادہ مرئی بنانے کے لیے۔
یہ پوسٹ دکھائے گی:
طریقہ 1: ایک طرف بارڈر سیٹ کریں۔
CSS میں، صارف مطلوبہ عنصر کے ایک طرف بارڈر سیٹ کر سکتے ہیں۔ اس مقصد کے لیے، ' بارڈر بائیں '،' بارڈر-دائیں '،' بارڈر ٹاپ 'اور' بارڈر نیچے ” خصوصیات بائیں، دائیں، اوپر، یا نیچے کی طرف سرحدیں شامل کرنے کے لیے استعمال ہوتی ہیں۔
اس سیکشن میں، ہم خاص طور پر کنٹینر کے بائیں جانب بارڈر سیٹ کریں گے۔ ایسا کرنے کے لیے، ذیل میں دی گئی ہدایات پر عمل کریں۔
مرحلہ 1: ایک div کنٹینر بنائیں
پہلے اس کی مدد سے ایک div کنٹینر بنائیں۔ مرحلہ 2: سرخی داخل کریں۔ اگلا، '< کا استعمال کریں۔ h1> div کنٹینر کے اندر سرخی شامل کرنے کے لیے ٹیگ لگائیں۔ مزید یہ کہ آپ ضرورت کے مطابق دوسرے ہیڈنگ ٹیگز بھی استعمال کر سکتے ہیں، جیسے “< h1> ' سے '< h6> ٹیگز: اب، HTML div کنٹینر تک رسائی حاصل کریں، اور کلاس کے نام تک رسائی حاصل کریں۔ ایسا کرنے کے لیے، ایک کلاس سلیکٹر ' # کلاس کے نام کے ساتھ استعمال کیا جاتا ہے۔ مرحلہ 4: صرف ایک طرف بارڈر داخل کریں۔ Div کنٹینر تک رسائی حاصل کرنے کے بعد، ذیل میں دی گئی CSS خصوصیات کو لاگو کریں: نتیجے کی تصویر صرف ایک طرف سے بارڈر دکھاتی ہے: مختلف رنگوں کے ساتھ ہر طرف بارڈر سیٹ کرنے کے لیے، اوپر دیا گیا HTML کوڈ استعمال کریں۔ پھر، id نام اور سلیکٹر کی مدد سے div کنٹینر تک رسائی حاصل کریں: نتیجے کے طور پر، ہر طرف مختلف شیلیوں کے ساتھ بارڈر لاگو کیا جائے گا: صرف ایک طرف بارڈر سیٹ کرنے کے لیے، پہلے، 'کا استعمال کرتے ہوئے ایک div بنائیں۔
< h1 > ایک طرف بارڈر h1 >
div >
یہ دیکھا جا سکتا ہے کہ کنٹینر کامیابی سے بنایا گیا ہے:
مرحلہ 3: div کنٹینر تک رسائی حاصل کریں۔
بارڈر-بائیں: 5px ٹھوس سرخ ;
پس منظر: آر جی بی ( 56 ، 239 ، 245 ) ;
مارجن: 20px 100px؛
چوڑائی: 200px؛ اونچائی: 150px
}
یہاں:
طریقہ 2: مختلف انداز کے ساتھ ہر طرف بارڈر سیٹ کریں۔
مارجن: 80px؛
سرحد کی چوڑائی: 8px 2px 1px 10px؛
سرحدی رداس: 50px؛
بارڈر اسٹائل: ٹھوس ڈبل ڈاٹڈ انسیٹ؛
بارڈر کا رنگ: آر جی بی ( 40 ، 5 ، 235 ) آر جی بی ( 238 ، 146 ، 9 ) آر جی بی ( 255 ، 0 ، 242 ) آر جی بی ( 19 ، 19 ، 18 ) ;
}
اوپر فراہم کردہ کوڈ میں:
اس آرٹیکل میں، آپ نے سی ایس ایس بارڈر کو ایک اور ایک سے زیادہ سائیڈوں پر سیٹ کرنے کے مختلف طریقے سیکھے ہیں۔ نتیجہ