Здравствуйте! От внутренних отсутпов в CSS плавно переходим к границам элемента. Граница отделяется элемент от внешнего по отношению к нему содержимого. При этом граница является частью элемента.

Для настройки границы могут использоваться сразу несколько свойств:

• border-width: устанавливает ширину границы

• border-style: задает стиль линии границы

• border-color: устанавливает цвет границы

 Свойство border-width может принимать следующие типы значений:

• Значения в единицах измерения, таких как em, px или cm

  border-width: 2px;

• Одно из константных значений: thin (тонкая граница - 1px), medium (средняя по ширине - 3px), thick (толстая - 5px)

  border-width: medium;
  

Свойство border-color в качестве значения принимает цвет CSS:

border-color: red;

Свойство border-style оформляет тип линии границы и может принимать одно из следующих значений:

• none: граница отсутствует

• solid: граница в виде обычной линии

• dashed: штриховая линия

• dotted: линия в виде последовательности точек

• double: граница в виде двух параллельных линий

• groove: граница имеет трехмерный эффект

• inset: граница как бы вдавливается во внутрь

• outset: аналогично inset, только граница как бы выступает наружу

• ridge: граница также реализует трехмерный эффект

Читать далее