خصائص text-decoration CSS

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

تحدد خاصية text-decoration تزيينًا يتم إضافته إلى النص.

ملاحظة:لون التزيين يتم تعيينه بواسطة خاصية "color".

شرح

تسمح هذه الخاصية بتطبيق تأثير على النص، مثل وضع خط أسفل. إذا لم يكن لدي العنصر الفرعي تزيين خاص به، فإن التزيين المحدد في العنصر الأب سيُوسع إلى العنصر الفرعي. لا يتطلب المستخدم المزود دعم blink.

انظر أيضًا:

دليل CSSنص CSS

دليل HTML DOMخصائص textDecoration

مثال

ضبط تزيين النص للمكونات h1، h2، h3، h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

تجربة شخصية

جافا سكربت:

text-decoration: text-decoration-line color-text-decoration text-decoration-style text-decoration-thickness|initial|inherit;

قيمة الخاصية

القيمة الوصف
text-decoration-line ضبط النوع الذي سيتم استخدامه لتزيين النص (مثل الخط الأسفل، الخط الأعلى، الخط المائل).
color-text-decoration ضبط لون تزيين النص.
text-decoration-style ضبط نمط تزيين النص (مثل الكتلة، الموجية، النقاط، الخط المائل، الخط المائلين).
text-decoration-thickness ضبط سمك خط التزيين.
initial أعد هذا العنصر إلى قيمته الافتراضية. انظر initial.
inherit ينقل هذا العنصر الخاصية من عنصر الأب. انظر inherit.

تفاصيل تقنية

القيمة الافتراضية: لا شيء
تنقلية: لا
الإصدار: CSS1
جافا سكربت: object.style.textDecoration="overline"

مزيد من الأمثلة

تزيين النص
هذا المثال يوضح كيفية إضافة تزيين إلى النص.

دعم المتصفح

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

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5