این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ bdo در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ bdo در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ bdo در HTML
تگ bdo که مخفف ( Bi-Directional Override ) می باشد میتواند جهت یک متن را برعکس کند و بطور کلی و خودمونیم بخوایم بگیم ینی ما با استفاده از این تگ میتونیم متن مون رو برعکس کنیم.
مثال : باکس اولی (معمولی) باکس دومی (برعکس شده)
Sadegh Asadi
Sadegh Asadi
Free-Learn
مثال از تگ bdo در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : برعکس کردن متن انگلیسی و فارسی
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <p> <bdo dir="rtl">Sadegh</bdo> </p> <p> <bdo dir="ltr">صادق</bdo> </p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ bdo در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ bdo در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| dir | rtl ltr auto |
جهت متن را مشخص میکند rtl – از راست به چپ ltr – از چپ به راست |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ bdo از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- استفاده از صفت dir در این تگ برای برعکس کردن محتوا ضروری می باشد.
- اگر میخواهید متن فارسی برعکس شود باید از مقدار LTR استفاده نمایید ولی اگر میخواهید متن انگلیسی برعکس شود باید از مقدار RTL درون تگ bdo استفاده نمایید.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ bdo را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
bdo { unicode-bidi: bidi-override; } |
