خصائص text-shadow CSS
- الصف السابق text-overflow
- الصف التالي text-transform
التعريف والاستخدام
يضيف خاصية text-shadow ظلاً إلى النص.
انظر أيضًا:
دليل CSS3أثر النص CSS3
دليل HTML DOMخاصية textShadow
مثال
تأثيرات الظل على النص الأساسي:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
هناك أمثلة أكثر في قاعدة البيانات.
جملة CSS
text-shadow: h-shadow v-shadow blur color;
ملاحظة:يضيف خاصية text-shadow ظلاً واحداً أو أكثر إلى النص. هذا الخاصية هي قائمة من الظلال المفصولة بالكومات، ويكون كل ظل له طولين أو ثلاثة أطوال ويمكن أن يكون له لون اختياري. إذا تم تخطي الطول، فإن القيمة الافتراضية هي 0.
قيمة الخاصية
| القيمة | الوصف | الاختبار |
|---|---|---|
| h-shadow | مطلوب. موقع الظل الأفقي. يسمح بالقيم السلبية. | الاختبار |
| v-shadow | مطلوب. موقع الظل العمودي. يسمح بالقيم السلبية. | الاختبار |
| blur | اختياري. مسافة الغموض. | الاختبار |
| color | اختياري. لون الظل. انظر قيم الألوان CSS. | الاختبار |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنسيق: | نعم |
| الإصدار: | CSS3 |
| جافا سكربت الجملة: | object.style.textShadow="2px 2px #ff0000" |
مزيد من الأمثلة
- تأثير الظل على النص مع تأثير الغموض
- هذا المثال يوضح تأثير الظل على النص مع تأثير الغموض.
- الظل على النص الأبيض
- هذا المثال يوضح تأثير الظل على النص الأبيض.
- تأثير الظل على النص مع تأثير اللمعان
- هذا المثال يوضح تأثير الظل على النص مع تأثير اللمعان.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- الصف السابق text-overflow
- الصف التالي text-transform
