English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص CSS text-decoration تحدد التزيين الذي سيطبق على محتوى النص (مثل الخطوط تحت الحرف، الخطوط فوق الحرف، إلخ).
الجدول أدناه يوضح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى синтكس هذه الخاصية في لغة الجافاسكربت.
| القيمة الافتراضية: | لا يوجد |
|---|---|
| تطبيقها على: | جميع العناصر |
| الوراثة: | لا يوجد |
| يمكن تعيين الحركة: | نعم، لأن بعض خصائص السكربت يمكن تعيينها كحركة.يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جملة النحو لـ JavaScript: | object.style.textDecoration="line-through" |
جملة النحو لاستخدام text-decoration:
جملة النحو لهذه الخاصية: text-decoration: none | [ underline | overline | line-through | blink ] one or more values | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خاصية text-decoration.
a {
text-decoration: none;
}
h1 {
text-decoration: overline;
}اختبار لمعرفة‹/›جدول أدناه يصف قيم هذه الخاصية.
| قيمة | وصف |
|---|---|
| none | لا تستخدم تعديلات النص. |
| underline | كل سطر نصي يحتوي على خط أسفل. |
| overline | تحديد خط على نص. |
| line-through | كل سطر نصي يحتوي على خط وسط. |
| blink | جعل النص يلمع (التحول بين المرئي والغير مرئي). |
| inherit | إذا تم تحديد، فإن العنصر المرتبط يستخدم نفس قيمة text-decoration للعنصر الأب. |
توافق المتصفحات للخصائص text-decoration، الأرقام في الجدول التالي تعبر عن إصدار المتصفح الأدنى الذي يدعم هذه الخاصية؛ يدعم جميع المتصفحات الشائعة هذه الخاصية.
|
تحذير:blink يدعم هذه القيمة فقط Firefox و Opera. لا يُنصح باستخدام هذه القيمة، يُنصح باستخدامرسوم متحركة، من الأفضل تجنب استخدام هذه القيمة.
يرجى الرجوع إلى الدروس التالية:نص CSS،حواف CSS،رسوم متحركة CSS3。
خصائص متن المرتبطة:letter-spacing،text-align،text-indent،text-overflow،text-shadow،text-transform،white-space،word-spacing。