Double, ridge и groove стили границ в веб-дизайне отличаются внешним видом: 12

• Double — граница отображается двойной линией (сумма толщины двух линий и промежутка между ними равна значению свойства border-width). 1
• Ridge — граница отображается, как будто она выдавлена из листа («барельеф»). 1
• Groove — граница отображается, как будто она вдавлена в лист («желобок»). 1

Таким образом, главное отличие в том, что double показывает границу двойной линией, ridge — объёмную рифлёную выпуклую, а groove — объёмную рифлёную вдавленную. 23