CSS/text-emphasis-color

الخاصية text-decoration-color في CSS تُحدِّد اللون المستخدم لرسم علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر؛ يمكن ضبط قيمة هذه الخاصية باستعمال الخاصية المختصرة text-emphasis.

/* القيمة الابتدائية */
text-emphasis-color: currentColor;

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;

/* القيم العامة */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: unset;

القيمة الابتدائية	currentcolor
تُطبَّق على	جميع العناصر.
قابلة للوراثة	لا
قابلة للتحريك	نعم
الوسائط	مرئية
القيمة المحسوبة	القيمة اللونية المحسوبة.

أمثلة

مثال عن استخدام الخاصية text-emphasis-color على العنصر <strong> مع الخاصية text-emphasis-style:

<strong>هذا نصٌ مهمٌ جدًا!</strong>

شيفرة CSS:

strong {
  text-emphasis-color: #069;
  text-emphasis-style: "*";
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	25.0 مع السابقة -webkit-	46.0	غير مدعومة	15.0 مع السابقة -webkit-	7.1

البنية العامة

تقبل الخاصية text-emphasis-color القيمة الآتية.

القيمة <color>

لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة فسيتكون القيمة الافتراضية هي لون العنصر المضبوط عبر الخاصية color (أي الكلمة المحجوزة currentColor)

البنية الرسمية

text-emphasis-color: <color>|initial|inherit;

مصادر ومواصفات

• مواصفة CSS Text Decoration Module Level 3.