أحدث البرامج التعليمية وتطوير الشبكة
 

Style textShadow Property

<كائن نمط

مثال

إضافة الظل إلى النص:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
انها محاولة لنفسك »

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

مجموعات الملكية textShadow أو العائد خام أكثر واحد تأثيرات الظل عن النص.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية textShadow في جميع المتصفحات الرئيسية.

ملاحظة: لا يتم اعتماد خاصية textShadow في Internet Explorer 9 والإصدارات السابقة.


بناء الجملة

إعادة الممتلكات textShadow:

object .style.textShadow

تعيين الخاصية textShadow:

object .style.textShadow="none| Note: الخاصية textShadow تولي واحد أو أكثر من الظلال إلى نص. فإن المنشأة هي قائمة مفصولة بفواصل من الظلال، وتحديد كل بنسبة 2 أو 3 قيم الطول ولون اختياري. أطوال حذف هي 0.

قيم الممتلكات

القيمة وصف
none ويوجه لا الظل. هذا هو الافتراضي
h-shadow مطلوب. موقف الظل الأفقي. يسمح القيم السلبية
v-shadow مطلوب. موقف الظل الرأسي. يسمح القيم السلبية
blur اختياري. المسافة طمس
color اختياري. لون الظل. انظروا قيم اللون CSS للحصول على قائمة كاملة من القيم الألوان الممكنة
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: لا شيء
قيمة الإرجاع: A سلسلة، وهو ما يمثل قائمة مفصولة بفواصل من تأثيرات الظل تطبيقها على نص العنصر
صفحة CSS CSS3

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

مثال

عودة ظل النص:

alert(document.getElementById("myP").style.textShadow);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: تأثيرات CSS3 نص

CSS إشارة: text-shadow property


<كائن نمط