Свойство 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-fill-color
Устанавливает цвет заливки символов текста. Браузеры при наличии color игнорируют его и отдают пр...
Свойство column-rule-style
Определяет стиль линий между колонок в многоколоночном тексте.
Свойство visibility
Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии э...
Свойство padding-block-start
Определяет начальный внутренний отступ элемента по блочной оси. В зависимости от значения свойств...
Свойство position
Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на ...