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

من موسوعة حسوب
< CSS
مراجعة 15:43، 28 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')

الخاصية 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;

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