CSS border-bottom-style Eigenschaft

Definition and Usage

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

Der Rahmen kann nur erscheinen, wenn dieser Wert nicht "none" ist.

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

CSS Tutorial:CSS Rand

Stellen Sie den Stil der unteren Rahmenkante 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 Rahmen ohne Rahmen.
hidden	Ist gleich wie "none". Gilt jedoch nicht für Tabellen, für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen.
dotted	Definiert einen gepunkteten Rahmen. Wird in den meisten Browsern als gerade Linie dargestellt.
dashed	Definiert eine gestrichelte Linie. Wird in den meisten Browsern als gerade Linie dargestellt.
solid	Definiert eine gerade Linie.
double	Definiert eine doppelte Linie. Die Breite der Linie entspricht dem Wert von border-width.
groove	Definiert einen 3D Gräber Rahmen. Der Effekt hängt von dem Wert von border-color ab.
ridge	Definiert einen 3D Reliefs Rahmen. Der Effekt hängt von dem Wert von border-color ab.
inset	Definiert einen 3D Einrück Rahmen. Der Effekt hängt von dem Wert von border-color ab.
outset	Definiert einen 3D Ausstoss Rahmen. Der Effekt hängt von dem Wert von border-color ab.
inherit	Es wird festgelegt, dass der Rahmenstil von dem übergeordneten Element geerbt werden soll.

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

Stil der unteren Rahmenkante einstellen: Dieses Beispiel zeigt, wie man den Stil der unteren Rahmenkante einstellt.

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Eigenschaft vollständig unterstützt.

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