تگ bdo در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ bdo در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

در html تگی وجود دارد به نام bdo که با آن می توانید متن هایی به زبان فارسی، انگلیسی و ... را برعکس کنید. فرض کنید می خواهیم کلمه codeuni را برعکس کنیم نتیجه آن چه می شود؟ inuedoc

برای این کار کافیست آموزش کار با این تگ را در ادامه مطالعه فرمایید.

تگ bdo چیست؟

تگ bdo اشاره به عبارت Be-Directional Override دارد و برای بر عکس کردن متن به کار می رود.

این تگ با <bdo> شروع و با </bdo> بسته می شود.

<bdo></bdo>

صفت dir در bdo

این صفت جهت متن را مشخص می کند.

<bdo dir="ltr|rtl">Text</bdo>

ltr

اگر زبان انتخابی مانند زبان فارسی به صورت راست به چپ است و می خواهید متن آن را برعکس کنید باید از مقدار ltr استفاده کنید.

<bdo dir="ltr">متن</bdo>

rtl

اگر زبان انتخابی مانند زبان انگلیسی به صورت چپ به راست است و می خواهید متن آن را برعکس کنید باید از مقدار rtl استفاده کنید.

<bdo dir="rtl">Text</bdo>

مثال های تگ bdo

مثال 1:

<bdo dir="rtl">CodeUni</bdo>

اجرا

مثال 2:

<bdo dir="ltr">کدیونی</bdo>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ bdo در اکثر مرورگرها به صورت زیر است:

bdo {
  unicode-bidi: bidi-override;
}

سازگاری با مرورگرها

تگ bdo با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS