Style borderBottomStyle Eigenschaft

Definition und Verwendung

borderBottomStyle Eigenschaftsetze oder gibt den Stil der Unterseite des Elements zurück.

Weitere Informationen:

CSS-Tutorial:CSS-Rahmen

CSS Referenzhandbuch:border-bottom-style-Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügen Sie der Unterseite des <div>-Elements eine durchgehende Unterseite hinzu:

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

Probieren Sie es selbst aus

Beispiel 2

Die Unterseite des <div>-Elements wird in "gepunktet" geändert:

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

Probieren Sie es selbst aus

Beispiel 3

Rückgabe der unteren Rahmenstil des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 4

Demonstration für alle verschiedenen Werte:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft borderBottomStyle:

object.style.borderBottomStyle

Setzen Sie die Eigenschaft borderBottomStyle:

object.style.borderBottomStyle = value

Eigenschaftswert

Wert Beschreibung
none Definiert einen Rahmen ohne Rand. Standard.
hidden Gleiche Bedeutung wie "none", aber im Konfliktlösungsprozess der Tabellenborder wird ausgenommen.
dotted Definiert einen gepunkteten Rahmen.
dashed Definiert einen gestrichelten Rahmen.
solid Definiert einen festen Rahmen.
double Definiert zwei Ränder. Die Breite der beiden Ränder ist gleich dem Wert von border-width.
groove Definiert einen 3D gefrästen Rahmen. Der Effekt hängt davon ab border-color Werte.
ridge Definiert einen 3D welligen Rahmen. Der Effekt hängt davon ab border-color Werte.
inset Definiert einen 3D inset Rahmen. Der Effekt hängt davon ab border-color Werte.
outset Definiert einen 3D outset Rahmen. Der Effekt hängt davon ab border-color Werte.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: none
Rückgabewert: Zeichenkette, die den Stil der unteren Elementeborder darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Die in der Tabelle genannten Zahlen geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Anmerkung:IE7 und frühere Versionen unterstützen den Wert "hidden" nicht. IE9 und höher unterstützen "hidden".