Свойство 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>Читайте также
Свойство outline-style
Устанавливает стиль внешней границы элемента.
В отличие от линии, задаваемой через border, линия через outline отображается вокруг элемента, не...
Свойство border-top-style
Устанавливает стиль верхней границы элемента....
Свойство align-items
Используется для выравнивания флекс - элементов внутри контейнера, в перпендикулярном направлении....
Свойство z-index
Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпен...