الفرق بين المراجعتين لصفحة: «CSS/text-emphasis-color»

من موسوعة حسوب
< CSS
لا ملخص تعديل
لا ملخص تعديل
 
سطر 77: سطر 77:


</syntaxhighlight>
</syntaxhighlight>
== انظر أيضًا ==
* صفحة الخاصية  <code>[[CSS/text-emphasis|text-emphasis]]</code> التي تُحدِّد علامة التوكيد المستخدمة على كل محرف نصي.
* صفحة الخاصية <code>[[CSS/text-emphasis-position|text-emphasis-position]]</code> التي تُحدِّد موضع رسم علامة التوكيد المستخدمة على كل محرف نصي في العنصر.
* صفحة الخاصية  <code>[[CSS/text-emphasis-style|text-emphasis-style]]</code> التي تُحدِّد نوع علامة التوكيد المستخدمة على كل محرف نصي.
== مصادر ومواصفات ==
== مصادر ومواصفات ==
* مواصفة [https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property CSS Text Decoration Module Level 3].  
* مواصفة [https://drafts.csswg.org/css-text-decor-3/#text-emphasis-color-property CSS Text Decoration Module Level 3].  

المراجعة الحالية بتاريخ 17:49، 31 يوليو 2018

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

بطاقة الخاصية

القيمة الابتدائية currentcolor
تُطبَّق على جميع العناصر.
قابلة للوراثة لا
قابلة للتحريك نعم
الوسائط مرئية
القيمة المحسوبة القيمة اللونية المحسوبة.
/* القيمة الابتدائية */
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;

أمثلة

مثال عن استخدام الخاصية 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;

انظر أيضًا

  • صفحة الخاصية  text-emphasis التي تُحدِّد علامة التوكيد المستخدمة على كل محرف نصي.
  • صفحة الخاصية text-emphasis-position التي تُحدِّد موضع رسم علامة التوكيد المستخدمة على كل محرف نصي في العنصر.
  • صفحة الخاصية  text-emphasis-style التي تُحدِّد نوع علامة التوكيد المستخدمة على كل محرف نصي.

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