Style border Eigenschaft

Definition und Verwendung

border Eigenschaften in der Kurzform einstellen oder zurückgeben, um bis zu drei einzelne Umrandungseigenschaften zu definieren.

Mit diesem Attribut können Sie das folgende eine oder mehrere (in beliebiger Reihenfolge) einstellen/zurückgeben:

Weitere Informationen:

CSS-Tutorial:CSS-Rahmen

CSS-Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügen Sie der <div>-Element eine Umrandung hinzu:

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

Versuchen Sie es selbst

Beispiel 2

Ändern Sie die Breite, Art und Farbe der Umrandung des <div>-Elements:

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

Versuchen Sie es selbst

Beispiel 3

Rückgabe des border-Eigenschaftswerts des <div>-Elements:

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

Versuchen Sie es selbst

Syntax

Rückgabe der border-Eigenschaft:

object.style.border

Stellen Sie die border-Eigenschaft ein:

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

Eigenschaftswert

Wert Beschreibung
width Stellen Sie die Breite der Umrandung ein.
style Stellen Sie die Art der Umrandung ein.
color Stellen Sie die Farbe der Umrandung ein.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von seinem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: Nicht festgelegt.
Rückgabewert: Zeichenkette, die die Breite, Art und/oder Farbe des Elements der Umrandung angibt.
CSS-Version: CSS1

Browserunterstützung

border Es ist eine CSS1 (1996) Eigenschaft.

Es wird von allen Browsern vollständig unterstützt:

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