codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-свойства/box-shadow
← bottombox-sizing →
CSS-свойства
align-contentalign-itemsalign-selfanimationaspect-ratiobackdrop-filterbackgroundbackground-colorbackground-imagebackground-positionbackground-repeatbackground-sizeborderborder-colorborder-radiusborder-styleborder-widthbottombox-shadowbox-sizingclearcolorcontentcursordisplayfilterflexflex-basisflex-directionflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-sizefont-stylefont-weightgapgridgrid-areagrid-columngrid-rowgrid-template-areasgrid-template-columnsgrid-template-rowsheightjustify-content@keyframesleftletter-spacingline-heightlist-stylemarginmax-heightmax-widthmin-heightmin-widthobject-fitopacityorderoutlineoverflowpaddingplace-contentplace-itemspointer-eventspositionrighttext-aligntext-decorationtext-overflowtext-transformtoptransformtransitionuser-selectvisibilitywhite-spacewidthword-breakz-index

box-shadow

Тень вокруг блока (внешняя или внутренняя).

Сигнатураbox-shadow: <x> <y> <blur> <spread> <color>

Свойство box-shadow добавляет тень: смещения по X/Y, радиус размытия, разрастание и цвет. Ключевое inset делает тень внутренней. Несколько теней — через запятую.

.card { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
← Все записи: CSS-свойства
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах