Стиль borderBottom Свойство
Пример
Добавьте нижнюю границу к элементу <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство borderBottom задает или возвращает до трех отдельных свойств border-bottom в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих значений (в любом порядке):
- граница-нижняя-ширина
- нижняя граница стиля
- граница-нижний-цвет
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Вернуть свойство borderBottom:
object.style.borderBottom
Установите свойство borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Значения свойств
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | не определен |
---|---|
Возвращаемое значение: | Строка, представляющая ширину, стиль и/или цвет нижней границы элемента. |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените ширину, стиль и цвет нижней границы элемента <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Пример
Верните значения свойства border-bottom элемента <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Связанные страницы
Учебное пособие по CSS: граница CSS
Справочник по CSS: свойство border-bottom
Справочник по HTML DOM: свойство границы