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