Atrybut Style borderTopStyle

Definicja i użycie

borderTopStyle Ustawienie lub zwracanie stylu boku elementu.

Inne źródła:

Kurs CSS:CSS obramowanie

Przeglądarka CSS:Atrybut border-top-style

Przeglądarka DOM HTML:Atrybut border

Przykład

Przykład 1

Dodaj rzeczywisty górny pasek boku dla elementu <div>:

document.getElementById("myDiv").style.borderTopStyle = "solid";

spróbuj sam

przykład 2

zmiana stylu górnej krawędzi elementu <div> na "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

spróbuj sam

przykład 3

zwrócenie stylu górnej krawędzi elementu <div>:

alert(document.getElementById("myDiv").style.borderTopStyle);

spróbuj sam

przykład 4

prezentacja wszystkich różnych wartości:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

spróbuj sam

syntax

zwrócenie właściwości borderTopStyle:

object.style.borderTopStyle

ustawienie właściwości borderTopStyle:

object.style.borderTopStyle = value|initial|inherit
wartość opis
none definiuje brak krawędzi. Domyślnie.
hidden jest podobna do "none", ale nie obowiązuje w przypadku konfliktów krawędzi tabeli.
dotted definiuje krawędź punktowaną.
dashed definiuje krawędź przerywaną.
solid definiuje krawędź pełną.
double definiuje dwie krawędzie. Szerokość obu krawędzi jest taka sama jak wartość border-width.
groove definiuje krawędź 3D wciętą. Efekt zależy od border-color wartości.
ridge definiuje krawędź 3D wypukłą. Efekt zależy od border-color wartości.
inset definiuje krawędź 3D wciętą. Efekt zależy od border-color wartości.
outset definiuje krawędź 3D wypukłą. Efekt zależy od border-color wartości.
initial ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit.

szczegóły techniczne

domyślna wartość: none
wartość zwracana: łańcuch znaków, który reprezentuje styl krawędzi elementu.
wersja CSS: CSS1

obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
wsparcie wsparcie wsparcie wsparcie wsparcie