Чем отличаются значения border-style: inset и border-style: groove?

Значения border-style: inset и border-style: groove отличаются эффектами, которые они создают для рамки элемента. doka-guide.vercel.app ru.w3docs.com

Border-style: groove создаёт вогнутую рамку, создаёт впечатление, что граница вырезана. code.mu ru.w3docs.com

Border-style: inset создаёт вдавленную рамку, создаёт 3D-эффект, который создаёт впечатление вложенного элемента. code.mu ru.w3docs.com

Таким образом, groove делает рамку вогнутой, а inset — вдавленной.