عرض مصدر CSS/text-emphasis-color

<noinclude>{{DISPLAYTITLE:الخاصية <code>text-emphasis-color</code>}}</noinclude>
الخاصية <code>text-decoration-color</code> في CSS تُحدِّد اللون المستخدم لرسم علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر؛ يمكن ضبط قيمة هذه الخاصية باستعمال الخاصية المختصرة <code>[[CSS/text-emphasis|text-emphasis]]</code>.

== بطاقة الخاصية ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>currentcolor</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للتحريك
|نعم
|-
! scope="row" |الوسائط
|مرئية
|-
! scope="row" |القيمة المحسوبة
|القيمة اللونية المحسوبة.
|}

<syntaxhighlight lang="css">
/* القيمة الابتدائية */
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;
</syntaxhighlight>

== أمثلة ==
مثال عن استخدام الخاصية <code>text-emphasis-color</code> على العنصر <code>[[HTML/strong|<nowiki><strong></nowiki>]]</code> مع الخاصية <code>[[CSS/text-emphasis-style|text-emphasis-style]]</code>:<syntaxhighlight lang="html">
<strong>هذا نصٌ مهمٌ جدًا!</strong>

</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
strong {
  text-emphasis-color: #069;
  text-emphasis-style: "*";
}
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|25.0 مع السابقة <code>-webkit-</code>
|46.0
|غير مدعومة
|15.0 مع السابقة <code>-webkit-</code>
|7.1
|}
== البنية العامة ==
تقبل الخاصية <code>text-emphasis-color</code> القيمة الآتية.
===  <code>[[CSS/color value|<color>]]</code> ===
لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة فستكون القيمة الافتراضية هي لون العنصر المضبوط عبر الخاصية <code>[[CSS/color|color]]</code> (أي الكلمة المحجوزة <code>currentColor</code>)

=== البنية الرسمية ===
<syntaxhighlight lang="css">
text-emphasis-color: <color>|initial|inherit;

</syntaxhighlight>
== مصادر ومواصفات ==
* مواصفة [https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property CSS Text Decoration Module Level 3]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Text Decoration|{{SUBPAGENAME}}]]