এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <bdi> ট্যাগ


<bdi> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<bdi> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

BDI এর পুর্নরূপ হলো Bi-Directional Isolation

<bdi> ট্যাগটি টেক্সটের একটি অংশকে ভিন্নদিক থেকে লেখার জন্য ব্যবহার করা হয়ে থাকে।

যখন আপনি ব্রাউজারে কোন ভিন্নভাষার(অস্বাভাবিক ডিরেকশনের) লেখা সঠিক ডিরেকশন অনুসারে দেখাতে চাইবেন তখন <bdi> ট্যাগের প্রয়োজন হবে।

<bdi> ট্যগের মাধ্যমে ভিন্ন ডিরেকশনের লেখাকে কিভাবে সঠিক ডিরেকশনে প্রদর্শন করানো যায়, তা নিচের উদাহরণে দেখানো হলোঃ



নিচের উদাহরণে <bdi> ট্যাগের ব্যবহার দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <p>নিচের উদাহরণে ব্যবহৃত নামের সাথে প্রতিযোগিতায় প্রাপ্ত নম্বর দেখানো হলো।
  যদি আপনার ব্রাউজারে BDI এলিমেন্টটি সার্পোট না করে তাহলে ইউজার এর ব্যবহৃত আরবী নামটি এলোমেলো দেখাবে।</p>
  <ul>
    <li>User <bdi>Zehad</bdi>: 30 points</li>
    <li>User <bdi>إيان</bdi>: 40 points</li>
  </ul>

</body>
</html>

ফলাফল





<bdi> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ