Style borderTopStyle Eigenschaft

Definition und Verwendung

borderTopStyle Eigenschaftseinstellungen oder Rückgabe des Stils der Oberkante des Elements.

Weitere Informationen:

CSS教程:CSS-Rahmen

CSS Referenzhandbuch:border-top-style Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügen Sie einer <div>-Elemente einen echten Oberrand hinzufügen:

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

Probieren Sie es selbst aus

Beispiel 2

Ändert den oberen Rahmenstil des <div>-Elements in "dotted":

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

Probieren Sie es selbst aus

Beispiel 3

Ruft den oberen Rahmenstil des <div>-Elements zurück:

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

Probieren Sie es selbst aus

Beispiel 4

Demonstration für alle verschiedenen Werte:

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

Probieren Sie es selbst aus

Syntax

Ruft die borderTopStyle-Eigenschaft zurück:

object.style.borderTopStyle

Setzt die borderTopStyle-Eigenschaft:

object.style.borderTopStyle = value|initial|inherit
Wert Beschreibung
none Definiert einen Rahmen ohne Kante. Standard.
hidden Gleich wie "none", außer bei der Lösung von Kantenkonflikten von Tabellenelementen.
dotted Definiert einen gepunkteten Rahmen.
dashed Definiert einen gestrichelten Rahmen.
solid Definiert einen vollen Rahmen.
double Definiert zwei Kanten. Die Breite der beiden Kanten ist gleich dem Wert von border-width.
groove Definiert die 3D-Senkrechte Kante des Rahmens. Der Effekt hängt von border-color Werte.
ridge Definiert die 3D-Rückenkante des Rahmens. Der Effekt hängt von border-color Werte.
inset Definiert die 3D-Innenkante des Rahmens. Der Effekt hängt von border-color Werte.
outset Definiert die 3D-Außenkante des Rahmens. Der Effekt hängt von border-color Werte.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: none
Rückgabewert: Zeichenkette, die den Stil der Oberkante des Elements darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt