Przykład
Dodaj dolną granicę do <div> element:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności borderBottom lub zwraca się na trzy odrębne właściwości granicznych dnie, w skróconej formie.
Dzięki tej właściwości można ustawić / powrót jednego lub więcej z następujących czynności (in any order) :
- granicy dnie szerokości
- border-bottom-style
- border-bottom-color
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
borderBottom | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca właściwość borderBottom:
object .style.borderBottom
Ustaw właściwość borderBottom:
object .style.borderBottom=" wartości nieruchomości Parametr Opis width Ustawia szerokość dolnej granicy style Ustawia styl dolnej granicy color Ustawia kolor dolnej granicy initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: nieokreślony Zwracana wartość: Ciąg reprezentujący szerokość, styl i / lub kolor dolnego obramowania elementu Wersja CSS CSS1
Więcej przykładów
Przykład
Zmień szerokość, styl i kolor dolnej granicy z <div> element:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Spróbuj sam "
Przykład
Zwrócić border-bottom wartości nieruchomości o <div> element:
alert(document.getElementById("myDiv").style.borderBottom); Spróbuj sam "
Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border-bottom property
HTML DOM: border property
<Style obiektu