الفرق بين المراجعتين ل"CSS/text-emphasis-color"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 75: | سطر 75: | ||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [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]. | ||
| − | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Text Decoration]] | + | [[تصنيف:CSS Text Decoration|{{SUBPAGENAME}}]] |
مراجعة 15:43، 28 يناير 2018
الخاصية 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;