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

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

border Свойства могут быть установлены или возвращены в сжатом виде, включающем до трех отдельных свойств рамки.

С помощью этого атрибута вы можете установить/возвратить одно или несколько из следующих свойств (в любом порядке):

См. также:

CSS учебник:Бор CSS

CSS справочник:Атрибут border

Пример

Пример 1

Добавить рамку к элементу <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

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

Пример 2

Изменить ширину, стиль и цвет рамки элемента <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

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

Пример 3

Возвратить значение атрибута border элемента <div>:

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

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

Синтаксис

Возвратить атрибут border:

object.style.border

Установить атрибут border:

object.style.border = "width style color|initial|inherit"

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

Значение Описание
width Установить ширину рамки.
style Установить стиль рамки.
color Установить цвет рамки.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Инheritировать этот атрибут от родительского элемента. См. inherit.

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

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

Поддержка браузерами

border Это функция CSS1 (1996).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка