Свойство borderBottom стиля CSS

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

borderBottom Свойства могут быть установлены или возвращены в сокращенной форме до трех отдельных свойств border-bottom.

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

Дополнительная информация:

Урок CSS:CSS рамка

Руководство CSS:Атрибут border-bottom

Руководство HTML DOM:Атрибут border

Пример

Пример 1

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

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

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

Пример 2

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

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

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

Пример 3

Возвратить значение свойства border-bottom элемента <div>:

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

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

Синтаксис

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

объект.style.borderBottom

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

объект.style.borderBottom = "width style color|initial|inherit"

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

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

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

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

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

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

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