خصوصیت unicode-bidi
مثال (خصوصیت unicode-bidi)
باز نویسی متن:
div
{
direction:rtl;
unicode-bidi:bidi-override;
}
خودتان امتحان کنید »{
direction:rtl;
unicode-bidi:bidi-override;
}
تعریف و کاربرد
با استفاده از ترکیب خصوصیت unicode-bidi با خصوصیت direction می توان مشخص کرد که آیا متن باید بازنویسی شود تا چند زبانی را در یک سند پشتیبانی کند یا خیر.
| مقدار پیشفرض | normal |
|---|---|
| ارث بری | بله |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.unicodeBidi="bidi-override" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت unicode-bidi را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| normal |
از هیچ گونه جایگذاری اضافه استفاده نمی کند. این مقدار پیش فرض است. |
نمایش دادن » |
| embed |
یک سطح جایگذاری اضافه ایجاد می کند. |
نمایش دادن » |
| bidi-override |
یک سطح جایگذاری اضافه را ایجاد می کند. مرتب شدن دوباره به خصوصیت direction بستگی دارد. |
نمایش دادن » |
| inherit | عیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
Styling Text (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7556
دیدگاه‌ها
سلام و خداقوت.تو حالت نمایش (مثال)برای embedتغییری حاصل نمی شه.لطفا یک مثال بزنید که تغییر دیده شه.متشکر.
سلام . ممنون
لطفا به توضیحات زیر توجه بفرمایید:
از خصوصیت 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/