هاوسا تیکنالوجی تیکت شادو اتتریت
- الصف السابق text-overflow
- الصف التالي text-transform
التعريف والاستخدام
يضيف خاصية text-shadow ظلاً إلى النص.
انظر أيضًا:
دليل 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 Color Values. | الاختبار |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنسيق: | نعم |
| الإصدار: | CSS3 |
| جافا سكربت الجملة: | object.style.textShadow="2px 2px #ff0000" |
مزيد من الأمثلة
- الظل مع تأثير الغموض
- هذا المثال يوضح تأثير الظل مع تأثير الغموض.
- الظل على النص الأبيض
- هذا المثال يوضح تأثير الظل على النص الأبيض.
- تأثير النيون على النص مع تأثير الظل
- هذا المثال يوضح تأثير الظل على النص مع تأثير النيون.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
| خروم | آئی ای / اینج | فایرفاکس | سافاری | اوپرا |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- الصف السابق text-overflow
- الصف التالي text-transform
