نمونه کد

یک نمونه ساده از خاصیت box-shadow:

آزمایشگاه

تعریف و کاربرد

برای ساخت سایه از خاصیت box-shadow استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض خالی
ارث بری خیر
انیمیشن بله
نسخه CSS3
نگارش JS object.style.boxShadow="10px 20px 30px blue"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
box-shadow

شیوه نگارش

مقادیر

مقادیر توضیحات
none هیچ سایه ای نمایش داده نمی شود.
h-offset مقدار مثبت سایه را در سمت راست کادر و مقدار منفی سایه را در سمت چپ کادر قرار می دهد.
v-offset مقدار مثبت سایه را در زیر کادر و مقدار منفی سایه را در بالای کادر قرار می دهد.
blur برای مات شدن رنگ سایه ها استفاده می شود.
spread این مقدار اختیاری می باشد؛ به صورت پیش فرض شعاع گسترش سایه های رنگی را تعیین می کند.
color این مقدار اختیاری می باشد؛ به صورت پیش فرض رنگ متن است.
inset این مقدار اختیاری می باشد؛ به صورت پیش فرض رنگ متن است.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.