خصائص text-decoration-style CSS

التعريف والاستخدام

يُعين خاصية text-decoration-style نوع النص الزخرفي (خط مستقيم، خط موجة، خط نقاط، خط فراغي، خطين).

نصيحة:يرجى الرجوع أيضًا إلى: خصائص text-decoration، وهي اختصار لهذه الثلاث خصائص:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

يرجى الرجوع أيضًا إلى:

دليل CSS:نص CSS

دليل HTML DOM:textDecorationStyle الخصائص

مثال

إعداد أنواع مختلفة من text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

تجربة شخصية

جافا سكريبت:

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

قيمة الخاصية

القيمة الوصف
solid القيمة الافتراضية. يُظهر الخط كخط واحد.
double يُظهر الخط كخطين.
dotted يُظهر الخط كخط نقاط.
dashed يُظهر الخط كخط فراغي.
wavy يُظهر الخط كخط موجة.
initial يُعين هذا الخصائص بقيمته الافتراضية. يرجى الرجوع إلى: initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى: inherit.

تفاصيل التقنية

القيمة الافتراضية: solid
الوراثة: لا
صنع الرسوم المتحركة: غير مدعوم. يرجى الرجوع إلى:خصائص متعلقة بالرسوم المتحركة.
الإصدار: CSS3
جافا سكريبت: object.style.textDecorationStyle="wavy"

دعم المتصفح

الأرقام في الجدول تشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.

الأرقام التي تحتوي على -moz- تشير إلى إصدار الأولي الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0