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