В чем разница между синтаксисом border-radius и box-shadow при создании объемных элементов?

Разница между синтаксисом border-radius и box-shadow при создании объёмных элементов заключается в их функциях.

Border-radius используется для скругления углов элемента. msiter.ru lady.webnice.ru Можно задать единый радиус для всех четырёх уголков или указать разные значения для горизонтального и вертикального радиусов. www.sitepoint.com lady.webnice.ru

Box-shadow добавляет эффект тени вокруг элемента. msiter.ru active-vision.ru Тень описывается смещениями по X и Y относительно элемента, радиусами размытия и распространения, а также цветом. msiter.ru С помощью box-shadow можно создать внешнюю или внутреннюю тень. active-vision.ru www.sitepoint.com

Таким образом, border-radius отвечает за форму элемента, а box-shadow — за внешний вид и эффект тени. Если для элемента с тенью задано свойство border-radius, то у тени будут такие же закруглённые углы. msiter.ru