এইচটিএমএল <legend> ট্যাগ
<legend>
ট্যাগের ব্রাউজার সাপোর্ট
এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
<legend> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা এবং ব্যবহার
<fieldset>
এলিমেন্টের ক্যাপশন নির্ধারণ করার জন্য <legend>
ট্যাগটি ব্যবহার করা হয়।
কিভাবে <legend>
এলিমেন্ট ব্যবহার করে <fieldset>
এলিমেন্টের জন্য ক্যাপশন নির্ধারণ করা যায়, তা নিচের উদাহরণে দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>ব্যক্তিগত তথ্য</legend>
নামঃ <input type="text"><br>
ই-মেইলঃ <input type="email"><br>
জন্ম তারিখঃ <input type="date">
</fieldset>
</form>
</body>
</html>
ফলাফল
এট্রিবিউট
নিচের টেবিলে <legend>
ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
এট্রিবিউট | ভ্যালু | বর্ণনা |
---|---|---|
align | top bottom left right |
এইচটিএমএল(৫) এ সাপোর্ট করে না। ক্যাপশনের alignment নির্ধারণ করে। |
<legend>
ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
---|---|
সাপোর্ট করে | সাপোর্ট করে |
<legend>
ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <legend>
এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
legend {
display: block;
padding-left: 4px;
padding-right: 4px;
border: none;
}