Свойство borderBottomStyle стиля

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

borderBottomStyle Установка или возвращение стиля нижней границы элемента.

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

Урок CSS:Краевая рамка CSS

Руководство по CSS:Свойство border-bottom-style

Руководство по HTML DOM:Свойство border

Пример

Пример 1

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

document.getElementById("myDiv").style.borderBottomStyle = "solid";

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

Пример 2

Изменить стиль нижней границы элемента <div> на "пунктирная";

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

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

Пример 3

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

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

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

Пример 4

Демонстрация всех различных значений:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

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

Синтаксис

Вернуть атрибут borderBottomStyle:

object.style.borderBottomStyle

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

object.style.borderBottomStyle = value

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

Значение Описание
none Определяет рамку без границ. По умолчанию.
hidden Как и "none", но кроме как при разрешении конфликтов границ таблицы.
dotted Определяет точечную рамку.
dashed Определяет пунктирную рамку.
solid Определяет сплошную рамку.
double Определяет две границы. Ширина обоих границ такая же, как у border-width.
groove Определяет 3D groove рамку. Эффект зависит от border-color значения.
ridge Определяет 3D ridge границу. Эффект зависит от border-color значения.
inset Определяет 3D inset рамку. Эффект зависит от border-color значения.
outset Определяет 3D outset рамку. Эффект зависит от border-color значения.
initial Set this property to its default value. См. initial.
inherit Инherit this property from its parent element. См. inherit.

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

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

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Комментарий:IE7 и более ранние версии не поддерживают значение "hidden". IE9 и более новые версии поддерживают "hidden".