Style borderColor Property

Изменение цвета четыре границ <div> элемент в красный цвет:

document.getElementById("myDiv").style.borderColor = "red";

Больше "Try it Yourself" примеры ниже.

Определение и использование

Множества свойства BorderColor или возвращают цвет рамки элемента.

Это свойство может занять от одного до четырех значений:

Одно значение, например: р {границы цвета: красный} - все четыре границы будет красной
Два значения, такие как: р {приграничном-цвет: красный прозрачный} - верхняя и нижняя граница будет красным, левая и правая граница будет прозрачной
Три значения, такие как: р {приграничного-цвет: Ред Грин синего} - верхняя граница будет красной, левой и правой граница будет зелеными, нижняя граница будет синим
Четыре значения, такие как: р {приграничного-цвет: Ред Грин синяя желтого} - верхняя граница будет красной, правая граница будет зеленым, нижняя граница будет синим, левая граница будет желтой

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
borderColor	1,0	4,0	1,0	1,0	3,5

Возвращает свойство BorderColor:

object .style.borderColor

Установите свойство BorderColor:

object .style.borderColor=" Значения свойств

Стоимость	Описание
color	Определяет цвет границы. Посмотрите на CSS цвета Значения для полного списка возможных значений цвета. По умолчанию цвет черный
transparent	Цвет границы является прозрачным (основное содержание будет просвечивать)
initial	Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit	Inherits это свойство от родительского элемента. Читайте о унаследовать

Значение по умолчанию:	черный
Возвращаемое значение:	Строка, представляющая цвет рамки элемента
CSS версия	CSS1

Изменение цвета верхней и нижней границы к зеленой, а левой и правой границе до фиолетового, из <div> элемент:

document.getElementById("myDiv").style.borderColor = "green purple";

Вернуть цвет границы в <div> элемент:

alert(document.getElementById("myDiv").style.borderColor);