دليل CSS

قواعد CSS @

مجلة خصائص CSS

خصائص text-decoration-style CSS3 خصائص text-decoration-color CSS3

طريقة استخدام خاصية text-decoration-line في CSS3 مع أمثلة

تحدد خاصية text-decoration-line في CSS3 النوع من الخطوط التي يتم إضافتها إلى العنصر. يمكن لهذه الخاصية قبول قيمة واحدة أو أكثر منفصلة بالفضاء.

الجدول التالي يوضح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى قواعد استخدامها في سكربتات JavaScript.

القيمة الافتراضية:	none
تطبيقها على:	جميع العناصر. كما يمكن تطبيقها على::first-letter و::first-line.
الوراثة:	لا يوجد
يمكن تحريكها:	لا.يرجى الرجوع إلى خصائص التحرك.
الإصدار:	ميزات CSS3 الجديدة
قواعد اللغة البرمجية JavaScript:	الجسم.style.textDecorationLine="underline"

قواعد استخدام text-decoration-line

نموذج النص التالي للخصائص:

text-decoration-line:　none　|　[　underline　|　overline　|　line-through　|　blink　]　one　or　more　values　|　initial　|　inherit

في المثال أدناه، يتم عرض كيفية استخدام خصائص text-decoration-line.

مثال

p　{
　　　　-moz-text-decoration-line:　underline;　/*　Firefox　*/
　　　　text-decoration-line:　underline;　
}
p.multiple　{
　　　　-moz-text-decoration-line:　underline　overline;　/*　Firefox　*/
　　　　text-decoration-line:　underline　overline;　
}

اختبار لمعرفة‹/›

قيمة الخصائص

يصف الجدول أدناه قيم هذا الخصائص.

القيمة	وصف
none	لا توجد زخرفة نص. هذا هو القيمة الافتراضية.
underline	خط أسفل كل نص.
overline	خط أعلى كل سطر نص.
line-through	خط في منتصف كل سطر نص.
blink	جعل النص يضيء (الانتقال بين المرئي والغير مرئي). لا يُنصح باستخدام هذه القيمة، ويفضل استخدامحركات.
initial	تعيين هذا الخصائص إلى قيمته الافتراضية.
inherit	إذا تم تحديد، فإن العنصر المرتبط يستخدم قيمة text-decoration-line للعنصر الأب.

مرونة المتصفح

text-decoration-line معظم المتصفحات لا تدعم هذا الخصائص.

	Firefox 6+ ^-moz-،36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

تحذير:text-decoration-line معظم المتصفحات لا تدعم هذا الخصائص حاليًا. من الأفضل تجنب استخدام هذه الخاصية.

قراءة إضافية

يرجى الرجوع إلى الدروس التالية:نص CSS,حافة CSS.

خصائص مرتبطة:text-decoration,text-decoration-color,text-decoration-style.

خصائص text-decoration-style CSS3 خصائص text-decoration-color CSS3