Здравствуйте! От внутренних отсутпов в 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: граница также реализует трехмерный эффект
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20250421173606