пример
Добавить нижнюю границу в <div> элемент:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
В borderBottom наборы свойств или возвращают до трех отдельных пограничного дна свойств, в сокращенном виде.
С помощью этого свойства можно установить / вернуть один или несколько из следующих действий (in any order) :
- Граница дно ширина
- границы снизу стиль
- границы снизу цвет
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| borderBottom | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Синтаксис
Возвращает свойство borderBottom:
object .style.borderBottom
Установите свойство borderBottom:
object .style.borderBottom=" Значения свойств параметр Описание width Устанавливает ширину нижней границы style Устанавливает стиль нижней границы color Устанавливает цвет нижней границы initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: не определен Возвращаемое значение: Строка, представляющая ширину, стиль и / или цвет нижней границы элемента CSS версия CSS1
Еще примеры
пример
Изменение ширины, стиля и цвета нижней границы <div> элемент:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Попробуй сам "
пример
Возврат приграничных дна значения свойств в <div> элемент:
alert(document.getElementById("myDiv").style.borderBottom); Попробуй сам "
Похожие страницы
Учебник CSS: CSS Border
Ссылка CSS: border-bottom property
HTML DOM ссылка: border property
<Style Object