Stileigenschaft borderWidth

Definition und Verwendung

borderWidth Diese Eigenschaft setzt oder gibt die Breite der Elementumrandung zurück.

Dieser Eigenschaft können ein bis vier Werte zugewiesen werden:

  • Ein Wert, zum Beispiel: p {border-width: dick} - Alle vier Ränder sind dick
  • Zwei Werte, z.B.: p {border-width: thick thin} - Oberer und unterer Rahmen stark, linke und rechte Rahmen dünn
  • Drei Werte, z.B.: p {border-width: thick thin medium} - Oberer Rahmen stark, linke und rechte Rahmen dünn, unterer Rahmen mittler
  • Vier Werte, z.B.: p {border-width: thick thin medium 10px} - Oberer Rahmen stark, rechter Rahmen dünn, unterer Rahmen mittler, linker Rahmen 10px

Weitere Informationen:

CSS-Tutorial:CSS-Rahmen

CSS Referenzhandbuch:border-width-Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Ändern Sie die Rahmenbreite des <div>-Elements:

document.getElementById("myDiv").style.borderWidth = "thick";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie die Rahmenbreite des <div>-Elements: Oben und unten stark, links und rechts dünn:

document.getElementById("myDiv").style.borderWidth = "thick thin";

Probieren Sie es selbst aus

Beispiel 3

Verwenden Sie Längenwerte, um die Breite der vier Rahmen des <div>-Elements zu ändern:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

Probieren Sie es selbst aus

Beispiel 4

Rückgabe der Rahmenbreite des <div>-Elements:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der borderWidth-Eigenschaft:

object.style.borderWidth

Setzen Sie die borderWidth-Eigenschaft:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Wert Beschreibung
thin Definiert einen dünnen Rahmen.
medium Definiert einen mittleren Rahmen. Standard.
thick Definiert einen starken Rahmen.
length Rahmenbreite in Längenmaßen.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von seinem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: medium
Rückgabewert: Eine Zeichenkette, die die Breite des Elementrahmens angibt.
CSS Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung