HTML <img> کا border نمبر
مثال
یہ HTML مختلف اور انحنا والی تصویر کی لائن کا سائز پیدا کر سکتا ہے:
<html> <body> <a اسرائیل="/index.html"> <img اسرائیل="/i/eg_logo_codew3c.gif" بوردر="1" /> </a> <br /> <a اسرائیل="/index.html"> <img اسرائیل="/i/eg_logo_codew3c.gif" بوردر="2" /> </a> <br /> <a اسرائیل="/index.html"> <img اسرائیل="/i/eg_logo_codew3c.gif" بوردر="4" /> </a> <br /> <a اسرائیل="/index.html"> <img اسرائیل="/i/eg_logo_codew3c.gif" بوردر="8" /> </a> </body> </html>
تعریف اور استعمال
بوردر نمبرنگ کا استعمال <img> نمبرنگ کا فرضی بوردر نمائش کی چوڑائی کا تعین کرتا ہے، یعنی تصویر کا بوردر نمائش کو اضافہ یا کم کر سکتا ہے.
نوٹ:بجائے ان کا استعمال، تصاویر کا فرضی بوردر نمائش نہیں ہوتا (مگر تصاویر a نمبرنگ کے اندر).
براؤزر عام طور پر بوردر نمائش میں نمائش کی گئی تصاویر کو نمائش کریں (مثلاً <a> نمبرنگ میں شامل تصاویر)، تاکہ پڑھنے والوں کو یہ بتائے جاسکے کہ وہ اس تصویر کو منتخب کرسکتے ہیں تاکہ وہ متعلقہ ڈاکومنٹ تک رسائی حاصل کریں。
بوردر نمبرنگ اور پیسل میٹر میں کی گئی چوڑائی کا استعمال کریں تاکہ تصویر کا بوردر نمائش کو دکھا یا چوڑا کیا جاسکے (بوردر="0") یا چوڑا کیا جاسکے。
توجہ:اس نمبرنگ کا استعمال ایچ تی ایمل 4 اور ایچ ایچ ایل میں بھی نہیں کیا جاسکتا، جبکہ یہ بھی معروف براؤزر کی طرف سے اچھی طرح سے سپورٹ کیا جاتا ہے، جبکہ یہ سی ایس ایس کی جگہ کا استعمال کیا جائے。
براؤزر کی پشتیبندی
بوردر نمبرنگ کا استعمال نہ کیا جاسکتا، جبکہ تمام معروف براؤزر اس نمبرنگ کو اچھی طرح سے سپورٹ کرتے ہیں。
نکات اور نوٹس
نوٹ:ایچ تی ایمل 4.01 میں تصویر کا بوردر نمبرنگ کا استعمال نہ کیا جاسکتا، جبکہ ایچ ایچ ایل 1.0 استریکٹ ڈی تی ایم اور ایچ تی ایمل 5 میں اس نمبرنگ کو پابند نہیں کیا جاسکتا.
نکات:سی ایس ایس کا استعمال کریں سی ایس ایس کی بوردر نمائش آپ کسی بھی عنصر کی بوردر نمائش بدل سکتے ہیں۔ آپ کسی بروئر کا استعمال کریں جس میں سی ایس ایس بوردر نمائش کا استعمال کیا جاسکتا ہے، تاکہ آپ کی ویب سائٹ پر تمام تصاویر کا ایک مساوی بوردر سیٹ کریں۔ اس طریقے سے، اس کی کفایتی کاری کافی زیادہ ہوتی ہے جو کسی بجائے ایک تصویر کا بوردر نمائش کا استعمال کریں جائے。
مزید معلومات
بوردر نمبرنگ کا استعمال نہ کریں؛ ایچ تی ایمل 4.01 استریکٹ اور ایچ ایچ ایل 1.0 استریکٹ ڈی تی ایم کے میں، اس نمبرنگ کا استعمال نہیں کیا جاسکتا.
سی ایس ایس کا استعمال کریں。
سی ایس ایس نمونہ: <img استایل="بوردر:5 پیسل سولڈ بلک">
سی ایس ایس نمونہ: تصویر کا بوردر
اپنے سی ایس ایس تعلیم میں، آپ کو بوردر نمبرنگ کے بارے میں مزید معلومات مل سکتی ہیں، بوردر نمبرنگ تفصیلات.
نام نویسی
<img بوردر="مقدار" />
پرزنٹیشن کا نمبرنگ
| مقدار | شرح |
|---|---|
| پیسلز | بوردر کی چوڑائی، پیسو میٹر میں. |
تیی نمونہ
- بوردر نمبرنگ <img> کا
- این مثال نشان میدهد که چگونه میتوان از ویژگی border برچسب <img> برای تغییر حاشیه تصویر استفاده کرد.
延伸阅读：去掉图像的边框
با استفاده از ویژگی border="0" در برچسب <img>، میتوانید حاشیه اطراف لینک تصویر را حذف کنید. برای برخی از تصاویر، به ویژه تصاویر نقشهای، حذف حاشیه ممکن است ظاهر صفحه را بهبود بخشد. برای دکمههایی که به وضوح نشان میدهند که به تصویر دیگری اشاره دارند، بدون حاشیه، تصویر ممکن است بهتر به نظر برسد.
اگرچه حذف حاشیه نمیتواند دسترسی به مستند را کاهش دهد، اما باید بیشتر مراقب باشید. زیرا بدون حاشیه به معنای حذف یکی از مؤثرترین مؤلفههای نمایش لینکهای پنهان است، که ممکن است خوانندگان به اندازه قبل به راحتی این لینکها را پیدا نکنند. مرورگرها معمولاً در زمانی که ماوس روی تصویر لینک حرکت میکند، شکل ماوس را تغییر میدهند، اما نمیتوانید انتظار داشته باشید که مرورگر همیشه این کار را انجام دهد و حتی نباید کاربری را مجبور به جستجو در تصاویر بدون حاشیه کنید تا لینکهای پنهان را پیدا کند.
ما به شدت توصیه میکنیم که هنگام استفاده از تصاویر بدون حاشیه، از روشهای دیگر نیز استفاده کنید تا خوانندگان بدانند که باید روی این تصاویر کلیک کنند. حتی با استفاده از متون ساده، سخت است که یک مستند برای خوانندگان قابل دسترسیتر باشد.
