Свойство borderBottom
Пример style.borderBottom
Добавьте нижнюю границу к элементу <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Попробуйте сами »
Ещё примеры ниже.
Описание borderBottom
Свойство borderBottom устанавливает или возвращает до трех отдельных свойств border-bottom в сокращенной форме.
С помощью этого свойства вы можете установить/вернуть одно или несколько из следующих (в любом порядке):
- border-bottom-width
- border-bottom-style
- border-bottom-color
Поддержка borderBottom
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис borderBottom
Вернуть свойство borderBottom:
object.style.borderBottom
Установите свойство borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Значение свойства borderBottom
| Параметр | Описание |
|---|---|
| width | Устанавливает ширину нижней границы |
| style | Задает стиль нижней границы |
| color | Устанавливает цвет нижней границы |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderBottom
| Значение по умолчанию: | not specified |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину, стиль и/или цвет нижней границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderBottom
Измените ширину, стиль и цвет нижней границы элемента <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Попробуйте сами »
Вернуть значение свойства border-bottom элемента <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Попробуйте сами »
Связанные страницы borderBottom
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-bottom
HTML DOM Справочник: Свойство border