Przykład
Dodaj "solid" dolną granicę do <div> element:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności borderBottomStyle lub zwraca styl dolnej granicy elementu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1,0 | 5.5 | 1,0 | 1,0 | 9.2 |
Uwaga: Wartość "hidden" nie jest obsługiwana w IE7 i wcześniejszych wersjach. IE9 a później wsparcie "hidden" .
Składnia
Zwraca właściwość borderBottomStyle:
object .style.borderBottomStyle
Ustaw właściwość borderBottomStyle:
object .style.borderBottomStyle= value wartości nieruchomości
| Wartość | Opis |
|---|---|
| none | Nie określa granicy. Jest to domyślny |
| hidden | Tak samo jak "none" , z wyjątkiem rozwiązania konfliktu granicznego dla elementów tabeli |
| dotted | Definiuje granicę przerywana |
| dashed | Określa przerywaną granicę |
| solid | Definiuje stałą granicę |
| double | Definiuje dwie granice. Szerokość dwie granice są takie same jak wartości granicznej szerokości |
| groove | Definiuje rowkowane granicę 3D. Efekt zależy od wartości granicznej kolorów |
| ridge | Definiuje prążkowane granicę 3D. Efekt zależy od wartości granicznej kolorów |
| inset | Definiuje granicę 3D wstawka. Efekt zależy od wartości granicznej kolorów |
| outset | Definiuje początku granicę 3D. Efekt zależy od wartości granicznej kolorów |
| 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ść: | Żaden |
|---|---|
| Zwracana wartość: | Ciąg reprezentujący styl dolnej granicy elementem jest |
| Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień styl dolnej granicy z <div> elementu do "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Spróbuj sam " Przykład
Zwraca dolnej granicy stylu <div> element:
alert(document.getElementById("myDiv").style.borderBottomStyle); Spróbuj sam " Przykład
Demonstracja wszystkich różnych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Spróbuj sam " Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border-bottom-style property
HTML DOM: border property
<Style obiektu