CSS border-bottom Eigenschaft

Definition und Verwendung

Die Kürzel für border-bottom setzen alle Unterbordereigenschaften in einer Deklaration.

Die folgenden Eigenschaften können in der folgenden Reihenfolge festgelegt werden:

Wenn einer der Werte nicht festgelegt wird, gibt es kein Problem, z.B. ist border-bottom:solid #ff0000 auch erlaubt.

Weitere Informationen:

CSS-Tutorial:CSS Rahmen

HTML DOM Referenzhandbuch:borderBottom-Eigenschaft

Beispiel

Stellen Sie den Stil der Unterborder ein:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Versuchen Sie es selbst

CSS-Syntax

border-bottom: border-width border-style border-color|initial|inherit;

Eigenschaftswert

Wert Beschreibung
border-bottom-width Es wird die Breite der Unterborder festgelegt. Siehe:border-bottom-width möglichen Werten.
border-bottom-style Es wird der Stil der Unterborder festgelegt. Siehe:border-bottom-style möglichen Werten.
border-bottom-color Es wird die Farbe der Unterborder festgelegt. Siehe:border-bottom-color möglichen Werten.
inherit Es wird festgelegt, dass die Einstellungen der border-bottom-Eigenschaft vom übergeordneten Element geerbt werden sollen.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderBottom="3px solid blue"

Mehr Beispiele

Alle Unterbordereigenschaften in einer Deklaration
Dieses Beispiel zeigt, wie mit dem Kürzel alle Unterbordereigenschaften in einer Deklaration gesetzt werden.

Browserunterstützung

Die in der Tabelle angegebenen Zahlen zeigen die erste Browserversion 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:Browserversionen wie IE7 und frühere unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".