CSS text-emphasis-position کی کوالٹی

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

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;

مقدار ویژگی

مقدار توضیحات
بالای تک‌تک علامت تاکید را در بالای متن اعمال کنید (در حالت نوشتار افقی).
زیر تک‌تک علامت تاکید را در زیر متن اعمال کنید (در حالت نوشتار افقی).
چپ تک‌تک علامت تاکید را در سمت چپ متن اعمال کنید (در حالت نوشتار عمودی).
راست تک‌تک علامت تاکید را در سمت راست متن اعمال کنید (در حالت نوشتار عمودی).
مقدار اولیه این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید مقدار اولیه.
ارث این ویژگی را از عنصر والد خود ارث می‌برد. ببینید ارث.

جزئیات فنی

مقدار پیش‌فرض: بالای راست
ارث: بله
نسخه: CSS3
جملات برنامه‌نویسی جاوااسکریپت: object.style.textEmphasisPosition="under"

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.

کروم ایج فایرفاکس سافری آپرا
99.0 99.0 46.0 7.0 85.0