Style borderBottom Eigenschaft

Definition und Verwendung

borderBottom Attribute werden in der Kürzelform gesetzt oder zurückgegeben und umfassen höchstens drei separate borderBottom-Attribute.

Mit diesem Attribut können Sie die folgenden eine oder mehrere (in beliebiger Reihenfolge) setzen/zurückgeben:

Weitere Informationen:

CSS教程:CSS-Rahmen

CSS Referenzhandbuch:border-bottom-Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügen Sie der <div>-Elemente eine untere Rahmenkante hinzu:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie die Breite, den Stil und die Farbe der unteren Rahmenkante des <div>-Elements:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des border-bottom-Attributwerts des <div>-Elements:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der borderBottom-Eigenschaft:

object.style.borderBottom

Setzen Sie die borderBottom-Eigenschaft:

object.style.borderBottom = "width style color|initial|inherit"

Attributwert

Wert Beschreibung
width Setzen Sie die Breite der unteren Rahmenkante.
style Setzen Sie den Stil der unteren Rahmenkante.
color Setzen Sie die Farbe der unteren Rahmenkante.
initial Setzen Sie diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erben Sie diesen Attributwert von ihrem Elternelement. Siehe inherit.

Technische Details

Standardwert: nicht spezifiziert
Rückgabewert: Zeichenkette, die die Breite, den Stil und/oder die Farbe der unteren Rahmenkante des Elements angibt.
CSS-Version: CSS1

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5