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

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

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

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