Как работают разные типы стилей границ в CSS?

Разные типы стилей границ в CSS работают благодаря свойству border-style, которое определяет внешний вид границы. labex.io www.geeksforgeeks.org Некоторые значения свойства и их описание:

• none — рамка отсутствует. htmlacademy.ru metanit.com
• hidden — граница скрыта, но она занимает место. htmlacademy.ru
• dotted — точечная рамка. htmlacademy.ru
• dashed — пунктирная рамка. htmlacademy.ru
• solid — сплошная линия границы. htmlacademy.ru
• double — двойная рамка. htmlacademy.ru
• groove — объёмная рифлёная вдавленная рамка. htmlacademy.ru
• ridge — объёмная рифлёная выпуклая рамка. htmlacademy.ru
• inset — объёмная вдавленная рамка. htmlacademy.ru
• outset — объёмная выпуклая рамка. htmlacademy.ru

Для настройки границы также используются свойства border-width, которое определяет толщину границы, и border-color, которое задаёт её цвет. labex.io htmlacademy.ru

Свойство border объединяет ширину, стиль и цвет в одном объявлении. labex.io