В чем разница между groove и ridge стилями границ?

Разница между стилями границ groove и ridge в CSS заключается в эффекте, который они создают. www.geeksforgeeks.org developer.mozilla.org

Groove («углубление») создаёт впечатление, будто граница вырезана в холсте. www.geeksforgeeks.org developer.mozilla.org Обычно это достигается за счёт создания «тени» из двух цветов, которые немного светлее и темнее цвета границы. www.geeksforgeeks.org В стиле groove верхний и левый край внутренней границы светлые, а правый и нижний — тёмные. www.geeksforgeeks.org

Ridge («выступ») создаёт противоположный эффект: граница как будто выступает из холста. www.geeksforgeeks.org developer.mozilla.org Эффект зависит от значения цвета границы. www.geeksforgeeks.org В стиле ridge наоборот, верхний и левый край внутренней границы светлые, а правый и нижний — тёмные. www.geeksforgeeks.org

Таким образом, groove создаёт впечатление углубления, а ridge — выступа. ilyachalov.livejournal.com