Свойство borderBottomStyle
Пример style.borderBottomStyle
Добавьте "сплошную" нижнюю границу к элементу <div>:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
Попробуйте сами »
Описание borderBottomStyle
Свойство borderBottomStyle задает или возвращает стиль нижней границы элемента.
Поддержка borderBottomStyle
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Синтаксис borderBottomStyle
Вернуть свойство borderBottomStyle:
object.style.borderBottomStyle
Установите свойство borderBottomStyle:
object.style.borderBottomStyle = value
Значение свойства borderBottomStyle
| Значение | Описание |
|---|---|
| none | Не определяет границу. Это значение по умолчанию |
| hidden | То же, что и "none", за исключением разрешения конфликта границ для элементов таблицы. |
| dotted | Определяет пунктирную границу |
| dashed | Определяет пунктирную границу |
| solid | Определяет сплошную границу |
| double | Определяет две границы. Ширина обеих границ совпадает со значением border-width |
| groove | Определяет 3D рифленую границу. Эффект зависит от значения border-color |
| ridge | Определяет 3D ребристую границу. Эффект зависит от значения border-color |
| inset | Определяет 3D врезку границы. Эффект зависит от значения border-color |
| outset | Определяет 3D границу начала. Эффект зависит от значения border-color |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderBottomStyle
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая стиль нижней границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderBottomStyle
Измените стиль нижней границы элемента <div> на "пунктирную":
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Попробуйте сами »
Вернуть свойство стиль нижней границы элемента <div>:
alert(document.getElementById("myDiv").style.borderBottomStyle);
Попробуйте сами »
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
Попробуйте сами »
Связанные страницы borderBottomStyle
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-bottom-style
HTML DOM Справочник: Свойство border