الخاصية text-emphasis-color

من موسوعة حسوب
< CSS
مراجعة 17:49، 31 يوليو 2018 بواسطة Riyad-khalifeh (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

الخاصية 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 التي تُحدِّد نوع علامة التوكيد المستخدمة على كل محرف نصي.

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