ویژگی text-emphasis-position CSS

تعریف و استفاده

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