CSS box-shadow հատկություն

Կցորդում է շողք արկղին:

Օրինակ

div {
    box-shadow: 10px 10px 5px #cccccc;
}
Փորձել
Նախնական արժեք none
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.boxShadow="10px 10px 5px #cccccc"
Արժեք Բնութագիր
blur Լրացուցիչ: Հատկանշում է աղավաղման/հետքի հեռավորությունը:
color Լրացուցիչ: Հատկանշում է շողքի գույնը: Նախնական արժեք՝ black:
h-shadow Պահանջվում է: Հատկանշում է հորիզոնական շողքի դիրքավորումը: Բացասական արժեքներ թույլատրվում են:
spread Լրացուցիչ: Հատկանշում է շողքի չափսը:
v-shadow Պահանջվում է: Հատկանշում է ուղղահայաց շողքի դիրքավորումը: Բացասական արժեքներ թույլատրվում են:
inset Լրացուցիչ: Արտաքին շողքը դարձնում է ներքին:
none Հատկանշում է, որ շողք չի լինելու:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: