خصائص text-decoration-thickness لـ CSS

توصية الدورة:

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

خصائص text-decoration-thickness تحدد نحافة الخط المزخرف.

يرجى الرجوع إلى:دليل CSS:

خصائص text-decorationنص CSS

دليل CSS:

مثال

تحديد نحافة الخط المزخرف المختلفة لـ <h1>،<h2>،<h3>،<h4> عناصر:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* استخدام الخاصية المختصرة */
h4 {
  text-decoration: underline solid red 50%;
}

جرب بنفسك

جافا سكريبت:

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto يحدد المتصفح نحافة الخط المزخرف.
from-font إذا كان ملف الخط يحتوي على معلومات حول نحافة الخط المفضلة، استخدم هذه القيمة. إذا لم يكن كذلك، يتم استبدالها بأوتوماتيكي.
length/percentage يحدد نحافة الخط كقيمة طول أو نسبة مئوية.
initial اعتماد هذا الخصائص إلى القيمة الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: auto
الوراثة: لا
تحريك: غير مدعوم. يرجى الرجوع إلى:خصائص تحريك.
الإصدار: CSS4
جافا سكريبت: object.style.textDecorationThickness="5px"

دعم المتصفح

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

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0