الفرق بين المراجعتين ل"CSS/text-emphasis-color"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| (مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 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]. | ||
المراجعة الحالية بتاريخ 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التي تُحدِّد نوع علامة التوكيد المستخدمة على كل محرف نصي.