CSS border-bottom-width Eigenschaft

Definition und Verwendung

Die Eigenschaft border-bottom-width setzt die Breite der unteren Grenze des Elements fest.

Nur wirksam, wenn der Grenzstil nicht "none" ist. Wenn der Grenzstil "none" ist, wird die tatsächliche Grenzbreite auf 0 zurückgesetzt. Negative Längenwerte sind nicht erlaubt.

Anmerkung:Stellen Sie immer den border-style-Attribut vor dem border-bottom-width-Attribut. Der Element kann seine Grenzbreite nur ändern, wenn er eine Grenze hat.

Weitere Informationen:

CSS-Tutorial:CSS Rand

CSS Referenzhandbuch:border-bottom-Eigenschaft

HTML DOM Referenzhandbuch:borderBottomWidth-Eigenschaft

Beispiel

Einstellen der Breite der unteren Grenze:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Probieren Sie es selbst aus

CSS-Syntax

border-bottom-width: mittel|dünn|dicke|length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
thin Definiert eine dünne untere Grenze.
mittel Standardwert. Definiert eine mittlere untere Grenze.
thick Definiert eine dicke untere Grenze.
length Ermöglicht es Ihnen, die Breite der unteren Grenze zu ändern.
inherit Die Grenzbreite sollte von dem übergeordneten Element geerbt werden.

Mehr Beispiele

Einstellen der Breite der unteren Grenze
Dieses Beispiel zeigt, wie die Breite der unteren Grenze eingestellt wird.

Technische Details

Standardwert: mittel
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderBottomWidth="thick"

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

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

Anmerkung:Browser IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".