② Цвет рамки border-color

Продолжим изучение темы CSS - рамка. Если пропустили прошлую статью, то вот ссылка на неё:

① Стиль рамки border-style

Свойство задаёт цвет рамок всех сторон одновременно. С помощью уточняющих свойств можно установить свой цвет для рамки каждой стороны элемента. Если для рамки цвет не задан, то он будет таким же, как и цвет текста элемента. Если в элементе нет текста, то цвет рамки будет таким же, как и цвет текста родительского элемента. Не наследуется.

border-color (border-top-color, border-right-color, border-bottom-color, border-left-color)

Значения:

transparent - Устанавливает прозрачный цвет для рамки. При этом ширина рамки остается. Можно использовать для смены цвета рамки при наведении курсора мыши на элемент, чтобы избежать смещение элемента.
цвет - Цвет рамок задается при помощи значений свойства color(подробнее вы узнаете чуть позже). ↓

{1,4} - ↓

initial - Устанавливает значение свойства в значение по умолчанию.
inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

p {border-color: #cacd58;}

Продолжение в следующей статье!