В чем разница между внешним и внутренним box-shadow в CSS?

Разница между внешним и внутренним box-shadow в CSS заключается в расположении тени. puzzleweb.ru active-vision.ru

Внешняя тень располагается снаружи элемента, по умолчанию. active-vision.ru Если в свойстве box-shadow не указано ключевое слово inset, то тень будет отбрасываться под элементом. puzzleweb.ru active-vision.ru

Внутренняя тень находится внутри элемента, создаёт эффект вдавленности. developer.mozilla.org puzzleweb.ru Чтобы задать внутреннюю тень, нужно использовать ключевое слово inset, которое указывается в параметрах тени первым или последним. puzzleweb.ru

Таким образом, внешняя тень располагается под элементом, а внутренняя — над ним, при этом внутренняя тень начинается с рамок элемента (даже если они прозрачные), над фоном элемента, но не под его содержимым. developer.mozilla.org