Свойство border-color
Описание
Позволяет задать цвет границы сразу для всех сторон элемента или только для указанных.
Синтаксис
border-color: [цвет | transparent] {1,4};Подробности
| Число значений | Результат |
| 1 | Цвет границы будет установлен для всех сторон элемента. |
| 2 | Первое значение устанавливает цвет верхней и нижней границы, второе — левой и правой. |
| 3 | Первое значение задаёт цвет верхней границы, второе — одновременно левой и правой границы, а третье — нижней границы. |
| 4 | Поочередно устанавливается цвет верхней, правой, нижней и левой границы. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#res {
width: 250px;
height: 150px;
border: 8px dotted;
border-color: lightsalmon lightgreen;
}
</style>
<div id='res'></div>
</body>
</html>Читайте также
Свойство text-emphasis-style
Устанавливает вид маркеров над каждым символом текста. Такие маркеры обычно используются в азиатских языках чтобы показать, как произносится слово. Дл...
Свойство bottom
Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.
Отсчёт координат зависит от свойства position.
Свойство border-right
Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.
Значения могут идти в любом порядке, разделяясь пробелом....
Свойство justify-content
Определяет, как браузер распределяет пространство вокруг флекс - элементов вдоль главной оси контейнера....