ویژگی boxShadow Style

تعریف و استفاده

boxShadow ویژگی تنظیم یا بازگشت سایه‌های جعبه‌ای (drop-shadow).

لطفاً به

دستورالعمل CSSویژگی box-shadow

مثال

box-shadow به عناصر div اضافه می‌کند:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

آزمایش کنید

قوانین

ویژگی boxShadow بازمی‌گرداند:

واقعیت.style.boxShadow

ویژگی boxShadow تنظیم می‌کند:

واقعیت.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

نکته:boxShadow ویژگی سایه‌ای یک یا چند سایه را به جعبه اضافه می‌کند. این ویژگی یک لیست سایه‌ها است که توسط کاما جدا شده‌اند، هر سایه شامل 2 تا 4 مقدار طول، مقدار رنگ اختیاری و مقدار کلید اختیاری inset را مشخص می‌کند. مقدار طول گم شده 0 است.

مقدار ویژگی

مقدار توضیح
none مقدار پیش‌فرض. سایه نمایش داده نمی‌شود.
h-shadow الزاماتی. موقعیت سایه افقی. مقادیر منفی مجاز هستند.
v-shadow الزاماتی. موقعیت سایه عمودی. مقادیر منفی مجاز هستند.
blur اختیاری. فاصله تاریکی.
spread اختیاری. اندازه سایه.
color

اختیاری. رنگ سایه. مقدار پیش‌فرض سیاه است.

لطفاً به مقدار رنگ CSS، لیست کامل‌تر از رنگ‌های ممکن را دریافت کنید.

توجه:در Safari (روی رایانه‌های PC)،color پارامتر الزامی است. اگر رنگ تعیین نشود، سایه نمایش داده نمی‌شود.
inset اختیاری. سایه‌های بیرونی (outset) را به سایه‌های داخلی تغییر دهید.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: بدون
مقدار بازگشتی: رشته‌ای که ویژگی box-shadow.
نسخه CSS: CSS3

پشتیبانی مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی 9.0 پشتیبانی 5.1 پشتیبانی