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

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

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

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