تعديل خصائص textShadow
- الصفحة السابقة textOverflow
- الصفحة التالية textTransform
- العودة إلى الطبقة العليا مفهوم Style في HTML DOM
التعريف والاستخدام
textShadow يحدد أو يعيد إعداد ظل النص واحدًا أو أكثر.
يرجى الرجوع إلى
دليل CSS التعليماتظلال النص CSS
دليل CSSخصائص text-shadow
مثال
مثال 1
إضافة ظل النص:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
مثال 2
التحقق من ظل النص:
alert(document.getElementById("myP").style.textShadow);
النحو
التحقق من textShadow الخاصية:
الشكل.style.textShadow
إعداد textShadow الخاصية:
الشكل.style.textShadow = "لا شيء|h-shadow v-shadow الغموض اللون|الافتراضي|التنسيق
التعليقات:خصائص textShadow تضيف ظلاً واحداً أو أكثر إلى النص. الخصائص هي قائمة من الظلال المفصولة بالكومات، كل ظل يتكون من 2 أو 3 قيم طول واختياري لون. القيم المفقودة هي 0.
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| لا شيء | لا يرسم الظل. افتراضي. |
| h-shadow | مطلوب. موقع الظل الأفقي. يسمح بالقيم السلبية. |
| v-shadow | مطلوب. موقع الظل العمودي. يسمح بالقيم السلبية. |
| الغموض | اختياري. مسافة الغموض. |
| اللون |
اختياري. لون الظل. يرجى الرجوع إلى قيم الألوان CSS، للحصول على قائمة كاملة بالألوان الممكنة. |
| الافتراضي | أعط هذا الخصائص قيمته الافتراضية. يرجى الرجوع إلى الافتراضي. |
| تنسيق | يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى تنسيق. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| القيمة المعدلة: | قائمة تأثير الظل المطبقة على نص العنصر، مفتقحة بالكومات. |
| إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الذي يدعم هذا الخصائص بشكل كامل.
| الخيار | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| الخيار | Edge | Firefox | Safari | Opera |
| الدعم | 10.0 | الدعم | الدعم | الدعم |
- الصفحة السابقة textOverflow
- الصفحة التالية textTransform
- العودة إلى الطبقة العليا مفهوم Style في HTML DOM
