ویژگی text-emphasis-position CSS
- صفحه قبل text-emphasis-color
- صفحه بعدی text-emphasis-style
تعریف و استفاده
text-emphasis-position
ویژگی مکان علامت تاکید را (بالای، پایین، چپ، راست) مشخص میکند.
توجه:استفاده writing-mode ویژگی برای تعیین حالت نوشتار افقی یا عمودی استفاده میشود.
مثال
استفاده text-emphasis-position
ویژگی:
h3.ex1 { text-emphasis: double-circle red; text-emphasis-position: over; } h3.ex2 { text-emphasis: triangle blue; text-emphasis-position: under; } h3.ex3 { writing-mode: vertical-rl; text-emphasis: triangle blue; text-emphasis-position: under right; } h3.ex4 { writing-mode: vertical-rl; text-emphasis: triangle blue; text-emphasis-position: under left; }
نوع CSS
text-emphasis-position: over|under|left|right|initial|inherit;
مقدار ویژگی
مقدار | توضیحات |
---|---|
over | در بالا متن، علامت تاکید را اعمال کنید (در حالت نوشتار افقی). |
under | در پایین متن، علامت تاکید را اعمال کنید (در حالت نوشتار افقی). |
left | در سمت چپ متن، علامت تاکید را اعمال کنید (در حالت نوشتار عمودی). |
right | در سمت راست متن، علامت تاکید را اعمال کنید (در حالت نوشتار عمودی). |
initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. به منابع مراجعه کنید initial. |
inherit | این ویژگی را از عنصر والد خود ارثبرداری میکند. به منابع مراجعه کنید inherit. |
جزئیات فنی
مقدار پیشفرض: | over right |
---|---|
ارثبرداری: | بله |
نسخه: | CSS3 |
نوع جاوااسکریپت: | object.style.textEmphasisPosition="under" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی میکنند.
کروم | ایج | فایرفاکس | سفاری | опера |
---|---|---|---|---|
99.0 | 99.0 | 46.0 | 7.0 | 85.0 |
- صفحه قبل text-emphasis-color
- صفحه بعدی text-emphasis-style