مثال
إضافة مربع الظل لعنصر div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية boxShadow أو ترجع الظلال قطرة من عنصر مربع.
دعم المتصفح
ويدعم خاصية boxShadow في IE9 +، فايرفوكس، كروم، أوبرا، وسفاري 5.1.1.
بناء الجملة
إعادة الممتلكات boxShadow:
object .style.boxShadowتعيين الخاصية boxShadow:
object .style.boxShadow="none| Note: الخاصية boxShadow تولي واحد أو أكثر انخفاض الظلال إلى مربع. فإن المنشأة هي قائمة مفصولة بفواصل من الظلال، وتحديد كل 2-4 قيم الطول، ولون اختياري، وأقحم الكلمة اختيارية. أطوال حذف هي 0.
قيم الممتلكات
القيمة وصف none القيمة الافتراضية. يتم عرض لا ظل h-shadow مطلوب. موقف الظل الأفقي. يسمح القيم السلبية v-shadow مطلوب. موقف الظل الرأسي. يسمح القيم السلبية blur اختياري. المسافة طمس spread اختياري. حجم الظل color اختياري. لون الظل. القيمة الافتراضية هي سوداء. انظروا قيم اللون CSS للحصول على قائمة كاملة من القيم الألوان الممكنة.
ملاحظة: في سفاري (on PC) مطلوب معلمة اللون. إذا لم تقم بتحديد لون، لا يتم عرض الظل على الإطلاق. inset اختياري. يغير الظل من الظل الخارجي (outset) إلى الظل الداخلي initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: لا شيء قيمة الإرجاع: A سلسلة، تمثل الممتلكات مربع الظل عنصر صفحة CSS CSS3
صفحات ذات صلة
CSS المرجع box-shadow property
<كائن نمط