الفرق بين المراجعتين لصفحة: «CSS/text-emphasis-color»
< CSS
لا ملخص تعديل |
لا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>text-emphasis-color</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>text-emphasis-color</code>}}</noinclude> | ||
الخاصية <code>text-decoration-color</code> في CSS تُحدِّد اللون المستخدم لرسم علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر؛ يمكن ضبط قيمة هذه الخاصية باستعمال الخاصية المختصرة <code>[[CSS/text-emphasis|text-emphasis]]</code>. | الخاصية <code>text-decoration-color</code> في CSS تُحدِّد اللون المستخدم لرسم علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر؛ يمكن ضبط قيمة هذه الخاصية باستعمال الخاصية المختصرة <code>[[CSS/text-emphasis|text-emphasis]]</code>. | ||
== بطاقة الخاصية == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 35: | سطر 23: | ||
|القيمة اللونية المحسوبة. | |القيمة اللونية المحسوبة. | ||
|} | |} | ||
<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> | |||
== أمثلة == | == أمثلة == | ||
| سطر 65: | سطر 69: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>text-emphasis-color</code> القيمة الآتية. | تقبل الخاصية <code>text-emphasis-color</code> القيمة الآتية. | ||
=== | === <code>[[CSS/color value|<color>]]</code> === | ||
لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة | لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة فستكون القيمة الافتراضية هي لون العنصر المضبوط عبر الخاصية <code>[[CSS/color|color]]</code> (أي الكلمة المحجوزة <code>currentColor</code>) | ||
=== البنية الرسمية === | === البنية الرسمية === | ||
| سطر 73: | سطر 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]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Text Decoration]] | [[تصنيف:CSS Text Decoration|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 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التي تُحدِّد نوع علامة التوكيد المستخدمة على كل محرف نصي.