Border-style и box-shadow — это разные свойства в контексте оформления веб-страниц, каждое из которых выполняет свою задачу.
Border-style определяет тип границы элемента. 12 С его помощью можно настроить стиль границы, например, выбрать между прямой, пунктирной или даже пунктирной линией. 2
Box-shadow предназначен для добавления тени вокруг элемента. 5 С его помощью можно создавать тени с определёнными параметрами, такими как положение и размытие. 15 Также с помощью box-shadow можно создавать рамки, которые невозможно сделать через border или outline. 5
Таким образом, основное отличие в том, что border-style определяет вид границы, а box-shadow — тень вокруг неё.