Стиль borderColor атрибута

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

borderColor Атрибут устанавливает или возвращает цвет рамки элемента.

Этот атрибут может принимать от одного до четырех значений:

  • Значение, например: p {border-color: red} - все четыре рамки красного цвета
  • Два значения, например: p {border-color: red transparent} - верхний и нижний края красный, правый и левый края прозрачные
  • Три значения, например: p {border-color: red green blue} - верхний край красный, правый и левый края зеленый, нижний край синий
  • Четыре значения, например: p {border-color: red green blue yellow} - верхний край красный, правый край зеленый, нижний край синий, левый край желтый

См. также:

Урок CSS:Края CSS

Руководство CSS:atribut border-color

Руководство HTML DOM:atribut border

Пример

Пример 1

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

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

Попробуйте сами

Пример 2

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

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

Попробуйте сами

Пример 3

Возврат цвета рамки элемента <div>:

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

Попробуйте сами

Грамматика

Возврат atributa borderColor:

object.style.borderColor

Установите atribut borderColor:

object.style.borderColor = "color|transparent|initial|inherit"

Значение атрибута

Значение Описание
color

Определяет цвет рамки. По умолчанию цвет черный.

Пожалуйста, посмотрите Цветовые значения CSS, чтобы получить полный список возможных значений цветов.
прозрачный Цвет рамки является прозрачным (нижний контент будет виден через нее).
initial Set this attribute to its default value. См. initial.
inherit Инherit this attribute from its parent element. См. inherit.

Технические детали

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

Поддержка браузеров

Таблица цифр указывает на версию браузера, которая полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5