الفرق بين المراجعتين لصفحة: «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>.<syntaxhighlight lang="css">
الخاصية <code>text-decoration-color</code> في CSS تُحدِّد اللون المستخدم لرسم علامة التوكيد (emphasis mark) المستخدمة على كل محرف نصي في العنصر؛ يمكن ضبط قيمة هذه الخاصية باستعمال الخاصية المختصرة <code>[[CSS/text-emphasis|text-emphasis]]</code>.
/* القيمة الابتدائية */
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>
{| 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 value|<color>]]</code> ===
لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة فسيتكون القيمة الافتراضية هي لون العنصر المضبوط عبر الخاصية <code>[[CSS/color|color]]</code> (أي الكلمة المحجوزة <code>currentColor</code>)
لون علامات التوكيد، وإن لم تُحدَّد هذه القيمة فستكون القيمة الافتراضية هي لون العنصر المضبوط عبر الخاصية <code>[[CSS/color|color]]</code> (أي الكلمة المحجوزة <code>currentColor</code>)


=== البنية الرسمية ===
=== البنية الرسمية ===

مراجعة 10:30، 27 يوليو 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;

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