CSS Border-Bottom-Breite Eigenschaft

Definition und Verwendung

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

Diese Eigenschaft funktioniert nur, 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:Erklärung: Die Eigenschaft border-bottom-width sollte immer vor der Eigenschaft border-style deklariert werden. Ein Element kann seine Grenzbreite nur ändern, wenn es eine Grenze hat.

Weitere Informationen:

CSS-Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-bottom-Eigenschaft

HTML DOM Referenzhandbuch:borderBottomWidth-Eigenschaft

Beispiel

Breite der unteren Grenze einstellen:

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

Probieren Sie es selbst aus

CSS-Syntax

border-bottom-width: mittel|dünn|Dick|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 Breite der Grenze sollte vom Elternelement geerbt werden.

Mehr Beispiele

Breite der unteren Grenze einstellen
Dieses Beispiel zeigt, wie man die Breite der unteren Grenze einstellt.

Technische Details

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

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen geben die erste Browser-Version an, 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 Versionen IE7 und älter unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".