এইচটিএমএল <img> ট্যাগের border প্রতিভূতি

এইমেকাপ ইমেজ ট্যাগ

উদাহরণ

এই এইচটিএমএল কোডটি বিভিন্ন সমস্তির ছবির কিনারা প্রদর্শন করতে পারে:

<html>
<body>
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="1" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="2" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="4" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="8" />
</a>
</body>
</html>

স্বয়ংক্রিয়ভাবে প্রয়োগ

বিবরণ ও ব্যবহার

img ট্যাগের border প্রতিমাণ প্রতিমাণটি ছবির চারিদিকের প্রান্তর নির্দেশ করে, অর্থাৎ ছবির প্রান্তর যোগ করা বা অপসারণ করা যায়।

মন্তব্য:ডিফল্টভাবে, ছবিগুলির প্রান্তর নেই (ছবিটি a এলিমেন্টের মধ্যে থাকলে ব্যতীত)।

ব্রাউজারগুলি সাধারণত, হাইপারলিঙ্কের ছবি (যেমন <a> ট্যাগের মধ্যে থাকা ছবি) ২ পিক্সেল প্রস্থের প্রান্তরের মধ্যে দেখায়, যাতে পাঠক এই ছবিকে বাছাই করে সংশ্লিষ্ট ডকুমেন্টটি পরিদর্শন করতে পারেন।

border প্রতিমাণ এবং পিক্সেলের প্রস্থ ব্যবহার করে (border="0") ছবির প্রান্তর অপসারণ করা যায় বা প্রান্তর বাড়ানো যায়।

মন্তব্য:এই প্রতিমাণটি HTML 4 এবং XHTML-তেও না সুপারিশ করা হয়, কিন্তু এটা স্টাইলের পরিবর্তে ব্যবহৃত হওয়া উচিত, কিন্তু এটা প্রচলিত ব্রাউজারগুলিতে ভালোভাবে সমর্থিত হয়।

পড়ুন: ছবির সীমানা সরানো

ব্রাউজার সমর্থন

যদিও border প্রতিমাণ ব্যবহার করা না হয় সুপারিশ করা হয়, তবুও সমস্ত প্রধান ব্রাউজারগুলি এই প্রতিমাণকে সমর্থন করে।

সুপারিশ ও মন্তব্য

মন্তব্য:HTML 4.01-এ img এলিমেন্টের "border" প্রতিমাণ ব্যবহার করা না হওয়া সুপারিশ করা হয়।XHTML 1.0 Strict DTD এবং HTML 5-তে, এই প্রতিমাণ সমর্থিত না হয়।

সুপারিশ:ব্যবহার করুন CSS এর border প্রতিমাণ এলিমেন্টের প্রান্তর শৈলী পরিবর্তন করার জন্য।একটি বাইরের শৈলী টেবিলে CSS প্রান্তর প্রতিমাণ ব্যবহার করে, সাইটের সমস্ত ছবিগুলিকে একই প্রান্তর সেট করা যাবে।এইভাবে, একটি ছবিকে এককভাবে border প্রতিমাণ সেট করার তুলনায়, এইভাবের কার্যকারিতা অনেক বেশি।

সংযুক্তিগত মন্তব্য

img এলিমেন্টের border প্রতিমাণ ব্যবহার করা না হওয়া সুপারিশ করা হয়; HTML 4.01 Strict এবং XHTML 1.0 Strict DTD-তে, img এলিমেন্টের border প্রতিমাণ সমর্থিত না হয়।

ব্যবহার করুন CSS।

CSS সিন্থ্যাক্স: <img style="border:5px solid black">

CSS প্রয়োগ: ছবির প্রান্তর

আমাদের CSS শিক্ষাক্রমে, আপনি আরও বিষয় জানতে পারবেন border প্রতিমাণ বিবরণ

সিন্থ্যাক্স

<img border="value" />

প্রতিমাণ মূল্য

মূল্য বর্ণনা
পিক্সেল প্রান্তরের প্রস্থ, পিক্সেলের ইউনিটে।

TIY প্রয়োগ

img ট্যাগের border প্রতিমাণ
এই উদাহরণটি দেখায়, কিভাবে <img> ট্যাগের border এট্রিবিউট ব্যবহার করে ছবির সীমানা পরিবর্তন করা যায়।

পড়ুন: ছবির সীমানা সরানো

কারণ <img> ট্যাগের border="0" এট্রিবিউট ব্যবহার করে, ছবি হ্যায়ারলিঙ্ক গুলির চারপাশের সীমানা সরানো যায়।কিছু ছবিতে, বিশেষ করে ইমেজ ম্যাপগুলিতে, সীমানা না থাকলে, পাতার দেখাওয়া উন্নত হতে পারে।যেসব ছবি স্পষ্টভাবে অন্য ছবিকে লিঙ্ক করার জন্য ব্যবহৃত হয়, তারা বিন্দুমুখী হলে, ছবির দেখাওয়া উন্নত হতে পারে。

কিন্তু সীমানা সরানোর মাধ্যমে ডকুমেন্টের ব্যবহারিকতা কমে না, কিন্তু আপনাকে অধিক সতর্ক থাকতে হবে।কারণ কোনও সীমানা না থাকলে, একটি অত্যন্ত সাধারণ হিসাবে ব্যবহৃত হ্যায়ারলিঙ্ক ভিজুয়াল ইনডিকেশন সরানো হয়, যা পাঠকদের এই লিঙ্কগুলিকে পাওয়া যায় না যেমন পূর্বে পাওয়া যেত।ব্রাউজার সাধারণত মাউস সুইং করার সময় হ্যায়ারলিঙ্ক আইকনের আকৃতি পরিবর্তন করে, কিন্তু ব্রাউজারটি নিশ্চিতভাবে এটা করবে না, এবং ব্যবহারকারীকে বিন্দুমুখী ছবিতে বিন্দুমুখী লিঙ্কগুলি খুঁজে পাওয়ার জন্য অপযুক্ত

আমরা আপনাকে বিন্দুমুখী ছবি ব্যবহার করার সময়, অন্যান্য পদ্ধতির সাথে সঙ্গে ব্যবহার করাকে আমূল্য বলি, যাতে পাঠকরা এই ছবিগুলিতে ক্লিক করবেন।সহজ লেখার সাথে, ডকুমেন্টটিকে পাঠকদের জন্য বেশি বোঝা যায়, কিন্তু এটা খুবই কঠিন।

এইমেকাপ ইমেজ ট্যাগ