Свойство 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>Читайте также
Свойство grid-column
Сокращение для grid-column-start + grid-column-end
grid-column-start / grid-row-start — это линия с которой начинается элемент....
Свойство height
Утанавливает высоту элементов. Она не включает толщину границ вокруг элемента, значение отступов и полей....
Свойство line-height
Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элементов свойство не оказывает никакого эффекта. Для остал...
Дочерние селекторы
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Какой элемент выступает родителем, а какой его потом...