Властивість border-color встановлює колір рамки навколо елемента. Колір можна встановлювати для всіх чотирьох сторін рамки різний.
Приклади:
td {border-color: green;}
td {border-color: #1199ff yellow;}
td {border-color: rgb(3, 210, 220) lime #195;}
td {border-color: rgb(90%, 15%, 20%) rgb(15, 216, 16) blue #195;}
На малюнку приклади різних значень border-color та різні їх комбінації:
Можливі значення:
колір — колір рамки, або кольори сторін рамки. Вказуються одним із стандартних для CSS способом;
transparent — прозорий;
inherit — запозичити значення в батьківського елемента.
Також можна вказувати два, три або чотири значення через прогалину. Якщо вказане одне значення, воно застосується до всієї рамки. Якщо два, то верхній та нижній рамці буде присвоєне перше, а лівій та правій — друге. Якщо три значення — верхній рамці буде присвоєне перше значення, лівій та правій — друге, а нижній — третє. Якщо ж вказати чотири значення, то вони будуть присвоєні по черзі верхній, правій, нижній та лівій рамці.
Об’єктна модель:
[window.]document.getElementById(“elementID”).style.borderColor
Значення за замовчуванням: залежить від браузера.
Застосовується до елементів: до всіх елементів.
Наслідується: Ні.