خصائص text-decoration-line CSS

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

تحدد خاصية text-decoration-line نوع التزيين النصي المستخدم (تحتلين، فوقلين، أو عبرلين).

إشارة:يرجى الرجوع أيضًا إلى خاصية text-decoration، وهي خاصية اختصار لـ text-decoration-line و text-decoration-style و text-decoration-color.

التعليق:يمكنك أيضًا دمج قيم متعددة، مثل underline و overline، لعرض خطوط في أعلى وأسفل النص.

انظر أيضًا:

دليل CSSنص CSS

دليل HTML DOMtextDecorationLine خاصية

مثال

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

div.a {
  text-decoration-line: خط أعلى;
}
div.b {
  text-decoration-line: خط أسفل;
}
div.c {
  text-decoration-line: خط عبر;
}
div.d {
  text-decoration-line: overline underline;
}

تجربة شخصية

قواعد CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

قيمة الخاصية

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

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

القيمة الافتراضية: لا شيء
الوراثة: لا
تحكم في الرسوم المتحركة: غير مدعوم. انظر إلى:خصائص تحكم الرسوم المتحركة.
الإصدار: CSS3
جافا سكريبت Syntax: object.style.textDecorationLine="overline"

دعم المتصفح

الأرقام في الجدول توضح إصدار المتصفح الذي يدعم هذه الخاصية تمامًا.

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

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