جب HTML اور CSS کا استعمال کرتے ہوئے ویب ڈویلپمنٹ کی بات آتی ہے، تو ویب پیج پر عناصر کی ظاہری شکل میں ہیرا پھیری کرنے کی صلاحیت بہت اہم ہوتی ہے۔ اس کو حاصل کرنے کا ایک طریقہ یہ ہے کہ کسی عنصر میں بارڈر شامل کرنا۔ CSS میں، بارڈر پراپرٹی کا استعمال کسی عنصر کی سرحد کی وضاحت کے لیے کیا جاتا ہے، اور یہ آپ کو بارڈر کا سائز بتانے کی اجازت دیتا ہے۔
سی ایس ایس میں بارڈر سائز شامل کرنے کے لیے، آپ بارڈر چوڑائی کی خاصیت استعمال کر سکتے ہیں۔ یہ خاصیت آپ کو بارڈر کی چوڑائی کو مختلف اکائیوں جیسے پکسلز، ای ایم ایس، ریمز یا فیصد میں سیٹ کرنے کی اجازت دیتی ہے۔ سرحد کی چوڑائی کی خاصیت عنصر کی سرحد کے انفرادی اطراف (اوپر، دائیں، نیچے، اور بائیں) یا ایک ساتھ تمام اطراف پر لاگو کی جا سکتی ہے۔
یہاں ایک مثال ہے کہ آپ کسی عنصر میں بارڈر سائز شامل کرنے کے لیے بارڈر چوڑائی کی خاصیت کا استعمال کیسے کر سکتے ہیں:
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
پہلی مثال میں، بارڈر کی چوڑائی کی خاصیت 2 پکسلز پر سیٹ کی گئی ہے، جو عنصر کے تمام اطراف میں ایک ہی بارڈر کی چوڑائی کا اطلاق کرتی ہے۔ دوسری مثال میں، بارڈر چوڑائی کی خاصیت اوپر کی جانب کے لیے 2 پکسلز، دائیں جانب کے لیے 4 پکسلز، نیچے کی جانب کے لیے 6 پکسلز، اور بائیں جانب کے لیے 8 پکسلز پر سیٹ کی گئی ہے۔ یہ آپ کو عنصر کے ارد گرد ایک غیر یکساں سرحد بنانے کی اجازت دیتا ہے۔
یہ نوٹ کرنا ضروری ہے کہ صرف سرحد کی چوڑائی کی خاصیت اس وقت تک سرحد کو ظاہر نہیں کرے گی جب تک کہ آپ بارڈر طرز اور بارڈر کلر کی خصوصیات کی بھی وضاحت نہیں کرتے ہیں۔ بارڈر طرز کی خاصیت سرحد کے انداز کا تعین کرتی ہے، جیسے ٹھوس، ڈیشڈ، ڈاٹڈ وغیرہ، جب کہ بارڈر کلر پراپرٹی بارڈر کا رنگ سیٹ کرتی ہے۔
یہاں ایک مثال ہے جو بارڈر کی چوڑائی، بارڈر اسٹائل اور بارڈر کلر کی خصوصیات کو یکجا کرتی ہے:
اس مثال میں، بارڈر کی چوڑائی کی خاصیت بارڈر کی چوڑائی کو 2 پکسلز پر سیٹ کرتی ہے، بارڈر اسٹائل کی پراپرٹی اسٹائل کو ٹھوس پر سیٹ کرتی ہے، اور بارڈر کلر پراپرٹی رنگ کو سرخ پر سیٹ کرتی ہے۔ یہ عنصر کے ارد گرد ایک ٹھوس سرخ سرحد بنائے گا.
سی ایس ایس میں بارڈر سائز شامل کرنے کے لیے، آپ بارڈر چوڑائی کی خاصیت استعمال کر سکتے ہیں۔ یہ خاصیت آپ کو مختلف اکائیوں میں بارڈر کی چوڑائی کی وضاحت کرنے کی اجازت دیتی ہے اور اسے انفرادی اطراف یا عنصر کے تمام اطراف پر لاگو کیا جا سکتا ہے۔ بارڈر کو مرئی بنانے کے لیے بارڈر اسٹائل اور بارڈر کلر کی خصوصیات کی وضاحت کرنا بھی یاد رکھیں۔
سی ایس ایس میں بارڈر سائز شامل کرنے کا کیا ہے؟
جب HTML اور CSS کا استعمال کرتے ہوئے ویب ڈویلپمنٹ کی بات آتی ہے، تو ویب پیج پر عناصر کی ظاہری شکل میں ہیرا پھیری کرنے کی صلاحیت بہت اہم ہوتی ہے۔ اس کو حاصل کرنے کا ایک طریقہ یہ ہے کہ کسی عنصر میں بارڈر شامل کرنا۔ CSS میں، بارڈر پراپرٹی کا استعمال کسی عنصر کی سرحد کی وضاحت کے لیے کیا جاتا ہے، اور یہ آپ کو بارڈر کا سائز بتانے کی اجازت دیتا ہے۔
سی ایس ایس میں بارڈر سائز شامل کرنے کے لیے، آپ بارڈر چوڑائی کی خاصیت استعمال کر سکتے ہیں۔ یہ خاصیت آپ کو بارڈر کی چوڑائی کو مختلف اکائیوں جیسے پکسلز، ای ایم ایس، ریمز یا فیصد میں سیٹ کرنے کی اجازت دیتی ہے۔ سرحد کی چوڑائی کی خاصیت عنصر کی سرحد کے انفرادی اطراف (اوپر، دائیں، نیچے، اور بائیں) یا ایک ساتھ تمام اطراف پر لاگو کی جا سکتی ہے۔
یہاں ایک مثال ہے کہ آپ کسی عنصر میں بارڈر سائز شامل کرنے کے لیے بارڈر چوڑائی کی خاصیت کا استعمال کیسے کر سکتے ہیں:
پہلی مثال میں، بارڈر کی چوڑائی کی خاصیت 2 پکسلز پر سیٹ کی گئی ہے، جو عنصر کے تمام اطراف میں ایک ہی بارڈر کی چوڑائی کا اطلاق کرتی ہے۔ دوسری مثال میں، بارڈر چوڑائی کی خاصیت اوپر کی جانب کے لیے 2 پکسلز، دائیں جانب کے لیے 4 پکسلز، نیچے کی جانب کے لیے 6 پکسلز، اور بائیں جانب کے لیے 8 پکسلز پر سیٹ کی گئی ہے۔ یہ آپ کو عنصر کے ارد گرد ایک غیر یکساں سرحد بنانے کی اجازت دیتا ہے۔
یہ نوٹ کرنا ضروری ہے کہ صرف سرحد کی چوڑائی کی خاصیت اس وقت تک سرحد کو ظاہر نہیں کرے گی جب تک کہ آپ بارڈر طرز اور بارڈر کلر کی خصوصیات کی بھی وضاحت نہیں کرتے ہیں۔ بارڈر طرز کی خاصیت سرحد کے انداز کا تعین کرتی ہے، جیسے ٹھوس، ڈیشڈ، ڈاٹڈ وغیرہ، جب کہ بارڈر کلر پراپرٹی بارڈر کا رنگ سیٹ کرتی ہے۔
یہاں ایک مثال ہے جو بارڈر کی چوڑائی، بارڈر اسٹائل اور بارڈر کلر کی خصوصیات کو یکجا کرتی ہے:
اس مثال میں، بارڈر کی چوڑائی کی خاصیت بارڈر کی چوڑائی کو 2 پکسلز پر سیٹ کرتی ہے، بارڈر اسٹائل کی پراپرٹی اسٹائل کو ٹھوس پر سیٹ کرتی ہے، اور بارڈر کلر پراپرٹی رنگ کو سرخ پر سیٹ کرتی ہے۔ یہ عنصر کے ارد گرد ایک ٹھوس سرخ سرحد بنائے گا.
سی ایس ایس میں بارڈر سائز شامل کرنے کے لیے، آپ بارڈر چوڑائی کی خاصیت استعمال کر سکتے ہیں۔ یہ خاصیت آپ کو مختلف اکائیوں میں بارڈر کی چوڑائی کی وضاحت کرنے کی اجازت دیتی ہے اور اسے انفرادی اطراف یا عنصر کے تمام اطراف پر لاگو کیا جا سکتا ہے۔ بارڈر کو مرئی بنانے کے لیے بارڈر اسٹائل اور بارڈر کلر کی خصوصیات کی وضاحت کرنا بھی یاد رکھیں۔
سے متعلق دیگر حالیہ سوالات اور جوابات ایچ ٹی ایم ایل اور سی ایس ایس میں ترقی:
ایڈوانسنگ ان ایچ ٹی ایم ایل اور سی ایس ایس میں مزید سوالات اور جوابات دیکھیں
مزید سوالات اور جوابات: