Przykład
Dodaj "solid" górną granicę do <div> element:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności borderTopStyle lub zwraca styl górnej krawędzi elementu.
Wsparcie przeglądarka
Nieruchomość borderTopStyle jest dostępna we wszystkich głównych przeglądarkach.
Składnia
Zwraca właściwość borderTopStyle:
object .style.borderTopStyle
Ustaw właściwość borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 górnej granicy elementem jest |
| Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień styl górnej granicy w <div> elementu do "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Spróbuj sam " Przykład
Powrót górną graniczną stylu <div> element:
alert(document.getElementById("myDiv").style.borderTopStyle); Spróbuj sam " Przykład
Demonstracja wszystkich różnych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Spróbuj sam " Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border-top-style property
HTML DOM: border property
<Style obiektu