انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 16
دورة لغة CSS

ديكور ألوان خطوط النصوص في لغة CSSCSS Text Decoration Color

ستتعلم في هذا الدرس طريقة زخرفة النصوص وتغيير ألوان خطوط أعلي وأسفل وخلال النص عن طريق خاصية text-decoration-color في لغة CSS.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
2
الأمثلة
3
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,749
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

CSS Text Decoration color خاصية text-decoration-color في لغة CSS

تًستخدم خاصية text-decoration-color للتحكم في ديكور النصوص وهي تعمل جنباً إلي جنب مع خاصية text-decoration-line لتتحكم في لون الخطوط التي تكون أعلي أو أسفل أو من خلال النص.


قيم خاصية text-decoration-color في لغة CSS.

  •  color تُستخدم لأضافة لون عن طريق color name أو hex color أو rgb color.

value vs value

مقارنة بين قيم خاصية text-decoration في لغة CSS

text-decoration-color syntax

طريقة كتابة خاصية text-decoration-color في لغة CSS.

CSS 
text-decoration-color:value;

text-decoration-color values

قيم خاصية text-decoration في لغة CSS.

CSS 
text-decoration-color:color|initial|inherit;

CSS Text Decoration color with color value خاصية text-decoration-color مع القيمة color في لغة CSS

تغير text-decoration-color لون الزخرفة التي تنشئها text-decoration-line أعلى النص أو أسفله أو خلاله. لا تنشئ خاصية اللون خطًا بمفردها. القيمة الابتدائية currentColor تتبع لون النص، ويمكن تحديد لون آخر صراحة كما في المثال.

CSS Text Decoration color

خاصية text-decoration-color في لغة CSS

HTML 
.b 
{
  text-decoration-line: line-through;
  text-decoration-color: blue;
  color:black
}
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…