%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده تخفیف ویژه
سبد (0)

تبلیغات

خصوصیت unicode-bidi

مثال (خصوصیت unicode-bidi)

باز نویسی متن:

div
{
direction:rtl;
unicode-bidi:bidi-override;
}
خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از ترکیب خصوصیت unicode-bidi با خصوصیت direction می توان مشخص کرد که آیا متن باید بازنویسی شود تا چند زبانی را در یک سند پشتیبانی کند یا خیر.

مقدار پیشفرض normal
ارث بری بله
نسخه CSS2
JavaScript ساختار object.style.unicodeBidi="bidi-override"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت unicode-bidi را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
normal

از هیچ گونه جایگذاری اضافه استفاده نمی کند. این مقدار پیش فرض است.

نمایش دادن »
embed

یک سطح جایگذاری اضافه ایجاد می کند.

نمایش دادن »
bidi-override

یک سطح جایگذاری اضافه را ایجاد می کند. مرتب شدن دوباره به خصوصیت direction بستگی دارد.

نمایش دادن »
inherit عیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

Styling Text (بیاموز CSS)

دیدگاه‌ها  

+1 # شریف 1394-04-29 20:00
سلام و خداقوت.تو حالت نمایش (مثال)برای embedتغییری حاصل نمی شه.لطفا یک مثال بزنید که تغییر دیده شه.متشکر.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # احسان عباسی 1394-04-29 21:10
سلام . ممنون
لطفا به توضیحات زیر توجه بفرمایید:
از خصوصیت unicode-bidi زمانی استفاده می شود که یک عنصر، در بر دارنده ی هردوی متن های ltr و rtl باشد. یعنی فرض کنید می خواهید در یک تگ span هم از انگلیسی استفاده کنید و هم از فارسی. حالا وقتی که در تگ مورد نظر، یک متن فارسی نوشتید و یک متن انگلیسی در کنار آن نیز نوشتید، ممکن است متن فارسی به طور اتوماتیک در سمت راست قرار بگیرد و متن انگلیسی هم به فرض در سمت چپ. حالا برای اینکه بتوانیم متن فارسی را به سمت چپ ببریم و متن انگلیسی به سمت راست برود، از کلمه ی کلید embed برای خصوصیت unicode-bidi استفاده می کنیم . و به فرض، جهت direction را هم rtl در نظر می گیریم. و یا اگر بخواهیم به طور برعکس عمل کنیم، جهت خصوصیت direction را ltr در نظر می گیریم. به عنوان مثال به لینک زیر مراجعه کنید:
codepen.io/sbaloot/pen/yNxBwZ

توضیح مختصر کلمات کلیدی:

خصوصیت unicode-bidi سه مقدار اصلی دارد که در مرورگرها، از آنها پشتیبانی زیادی صورت می گیرد:
1) کلمه ی کلیدی normal : این خصوصیت یعنی اینکه مرورگر به طور عادی با متن مورد نظر رفتار کند. یک عنصر با این خصوصیت تنها به صورت lrt یا rtl خواهد بود.

2) کلمه ی کلیدی embed: این کلمه ی کلیدی به ما اجازه می دهد که در یک عنصر، از متن های دوجهته استفاده کنیم(بعنوان مثال استفاده از یک متن rtl به طور سیال در کنار یک متن ltr). جهت اصلی به وسیله ی خصوصیت direction مشخص می شود و باید به یک عنصر inline اعمال شود.

3) کلمه ی کلیدی bidi-override: این کلمه ی کلیدی وقتی که بر روی عناصر inline اعمال شود، همانند کلمه ی کلیدی embed عمل می کند. و وقتی که بر روی عناصر block اعمال شود، الگوریتم متن دوجهته ی مرورگر را رونویسی می کند و متن مورد نظر را بر اساس خصوصیت direction نمایش می دهد.
منبع اطلاعات: https://css-tricks.com/almanac/properties/u/unicode-bidi/
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی