CSS Border-Bottom-Stil Eigenschaft

Definition and Usage

border-bottom-style stellt den Stil des unteren Rands des Elements ein.

Der Rand erscheint nur, wenn dieser Wert nicht "none" ist.

In CSS1 muss der HTML-User-Agent nur solid und none unterstützen.

CSS-Tutorial:CSS Rahmen

Stellen Sie den Stil des unteren Rands ein:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wert	Beschreibung
none	Definiert einen Rand ohne Grenzen.
hidden	Ist gleich wie "none", außer wenn es auf Tabellen angewendet wird. Für Tabellen wird "hidden" verwendet, um Randkonflikte zu lösen.
dotted	Definiert einen gepunkteten Rand. Wird in den meisten Browsern als durchgehende Linie dargestellt.
dashed	Definiert eine gestrichelte Linie. Wird in den meisten Browsern als durchgehende Linie dargestellt.
solid	Definiert eine durchgehende Linie.
double	Definiert eine doppelte Linie. Die Breite der Linie entspricht dem Wert von border-width.
groove	Definiert einen 3D Kuhlen-Rand. Der Effekt hängt von dem Wert von border-color ab.
ridge	Definiert einen 3D Relief-Rand. Der Effekt hängt von dem Wert von border-color ab.
inset	Definiert einen 3D Einhüllenden Rand. Der Effekt hängt von dem Wert von border-color ab.
outset	Definiert einen 3D Ausstoss-Rand. Der Effekt hängt von dem Wert von border-color ab.
inherit	Regelt, dass der Randstil vom übergeordneten Element geerbt werden sollte.

Standardwert:	nicht spezifiziert
Vererbbarkeit:	nein
Version:	CSS1
JavaScript-Syntax:	object.style.borderBottomStyle="dotted"

Stil des unteren Rands einstellen: Dieses Beispiel zeigt, wie man das Stil des unteren Rands einstellt.

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	9.2