لنک کو مرکز کرنے کے دو طریقے ہیں:
- CSS میں سینٹر لنکس کا استعمال کرتے ہوئے ' متن سیدھ ' جائیداد
- CSS میں سینٹر لنکس کا استعمال کرتے ہوئے ' مارجن ' جائیداد
اس مضمون میں، ہم لنک کو مرکز کرنے کے دونوں طریقوں کی وضاحت کریں گے۔ تو، چلو شروع کریں!
طریقہ 1: ٹیکسٹ الائن پراپرٹی کا استعمال کرتے ہوئے سی ایس ایس میں سینٹر لنکس
HTML میں لنکس کو مرکز کرنے کے لیے، ہم استعمال کریں گے ' متن سیدھ سی ایس ایس کی خاصیت۔ ' متن سیدھ سی ایس ایس میں پراپرٹی کا استعمال متن کی سیدھ کو ایڈجسٹ کرنے کے لیے کیا جاتا ہے جیسے کہ بائیں، دائیں، مرکز، اور سیدھ کا جواز پیش کرنے کے لیے۔
نحو
ٹیکسٹ الائن پراپرٹی کا نحو یہ ہے:
متن سیدھ : قدر
کی جگہ ' قدر ”، آپ متن کی سیدھ ترتیب دے سکتے ہیں جیسے بائیں، دائیں، مرکز، اور جواز۔
اب، ہم استعمال کریں گے ' متن سیدھ 'دیئے گئے لنکس کو بیچ میں سیدھ کرنے کے لئے۔
مثال
ویب صفحہ پر ایک لنک کو سینٹر کرنے کے لیے، ہم
ٹیگ کے اندر HTML میں ایک لنک شامل کریں گے۔ ایسا کرنے کے لیے، ہائپر لنک کی وضاحت کرنے اور مطلوبہ سائٹ کا پتہ دینے کے لیے ٹیگ استعمال کریں۔ اس کے بعد لنک کا نام بتائیں۔ ہمارے معاملے میں، ہم نے لنک کو اپنی Linuxhint ویب سائٹ میں شامل کیا ہے۔ایچ ٹی ایم ایل
< جسم >< a href = 'https://linuxhint.com/' > لینکس < / a >
< / جسم >
ذیل میں فراہم کردہ تصویر اس بات کی نشاندہی کرتی ہے کہ لنک شامل کیا گیا ہے جو بطور ڈیفالٹ بائیں جانب رکھا گیا ہے۔
اب لنک کو سینٹر کرنے کے لیے CSS پر جائیں۔
یہاں، ہم استعمال کریں گے ' a شامل کردہ لنک تک رسائی حاصل کرنے کے لیے۔ اس کے بعد، ٹیکسٹ الائن کی قدر کو 'کے طور پر سیٹ کریں مرکز 'اور ظاہر کریں' کے طور پر بلاک ' نتیجے کے طور پر، عنصر کو ایک بلاک عنصر کے طور پر شامل کیا جائے گا، جو ایک نئی لائن سے شروع ہو کر پوری چوڑائی تک لے جائے گا۔
سی ایس ایس
a {متن سیدھ : مرکز ;
ڈسپلے : بلاک ;
}
نوٹ: سی ایس ایس ٹیکسٹ الائن پراپرٹی ٹیگ کو سینٹر کرنے کے لیے اکیلے کام نہیں کرتی ہے۔ لہذا، آپ کو استعمال کرنا چاہئے ' ڈسپلے جائیداد اور اس کی قیمت مقرر کریں بلاک 'لنک کو مرکز کرنے کے لئے۔
اب، ایچ ٹی ایم ایل پر جائیں اور درج ذیل نتیجہ دیکھنے کے لیے اس پر عمل کریں۔ یہاں، آپ دیکھ سکتے ہیں کہ لنک ویب پیج کے مرکز میں منسلک ہے:
آئیے مرکز میں لنک کو سیدھ میں کرنے کے لیے دوسرے طریقہ پر چلتے ہیں۔
طریقہ 2: 'مارجن' پراپرٹی کا استعمال کرتے ہوئے سی ایس ایس میں سینٹر لنکس
سی ایس ایس میں، ' مارجن ' جائیداد کو لنک کو مرکز کرنے کے لیے استعمال کیا جاتا ہے۔ یہ شارٹ ہینڈ پراپرٹی ہے ' مارجن-بائیں '،' مارجن-دائیں '،' مارجن ٹاپ '، اور ' مارجن نیچے خصوصیات آپ تمام دی گئی خصوصیات کی قدریں ایک لائن میں سیٹ کر سکتے ہیں۔
نحو
مارجن پراپرٹی کا نحو ہے:
مارجن : آٹو | سب سے اوپر صحیح نیچے بائیںمندرجہ بالا فراہم کردہ نحو کی تفصیل ذیل میں دی گئی ہے:
- آٹو: یہ براؤزر کے مطابق عناصر کو سیٹ کرنے کے لیے استعمال ہوتا ہے۔
- اوپر: اسے اوپر سے مارجن سیٹ کرنے کے لیے استعمال کیا جاتا ہے۔
- حق: یہ دائیں طرف سے مارجن سیٹ کرنے کے لیے استعمال ہوتا ہے۔
- بٹن: اسے نیچے سے مارجن سیٹ کرنے کے لیے استعمال کیا جاتا ہے۔
- بائیں: یہ بائیں طرف سے مارجن سیٹ کرنے کے لیے استعمال ہوتا ہے۔
نوٹ: دو قدروں کی وضاحت اوپر اور نیچے سے مارجن اور بائیں اور دائیں سے مارجن کی نشاندہی کرے گی۔ تاہم، اگر ایک قدر شامل کی جاتی ہے، تو مارجن چاروں اطراف پر لاگو ہوگا۔
آئیے مثال کی طرف چلتے ہیں، جہاں ہم 'کا استعمال کرتے ہوئے ایک لنک کو مرکز کریں گے۔ مارجن ' جائیداد.
مثال
سب سے پہلے ڈسپلے پراپرٹی کی ویلیو سیٹ کریں ' بلاک 'اور چوڑائی' کے طور پر 70px ' اس کے بعد، مارجن پراپرٹی کو لاگو کریں اور اس کی قیمت کو 'پر سیٹ کریں۔ آٹو ”:
a {ڈسپلے : بلاک ;
چوڑائی : 70px ;
مارجن : آٹو ;
}
نوٹ: ' ڈسپلے 'اور' چوڑائی ' جائیداد قائم کرنے کے لئے ضروری ہے؛ دوسری صورت میں، ' مارجن جائیداد کام نہیں کرے گی۔ چوڑائی کی خاصیت کی قیمت ڈسپلے اسکرین کی ریزولوشن اور متن کی لمبائی کے مطابق سیٹ کی جا سکتی ہے۔
آپ دی گئی تصویر سے دیکھ سکتے ہیں کہ لنک کامیابی کے ساتھ مرکز میں ہے:
یہی ہے! ہم نے لنک کو مرکز کرنے کے طریقوں کی وضاحت کی۔
نتیجہ
' متن سیدھ 'اور' مارجن 'پراپرٹی کا استعمال لنک کو مرکز کرنے کے لیے کیا جاتا ہے ڈسپلے 'اور' چوڑائی ' جائیداد. ٹیکسٹ الائن پراپرٹی کے ساتھ ڈسپلے پراپرٹی ضروری ہے، مارجن پراپرٹی کا استعمال کرتے ہوئے، ڈسپلے اور چوڑائی دونوں پراپرٹیز لنک کو سینٹر کرنے کے لیے لازمی ہیں۔ اس گائیڈ نے سی ایس ایس میں لنک کو سینٹر کرنے کے مختلف طریقوں پر تبادلہ خیال کیا ہے۔