CSS border-top-style Eigenschaft

Definition und Verwendung

border-top-style stellt den Stil der oberen 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

Stil der oberen Rahmenkante einstellen:

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

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

Wert	Beschreibung
none	Definiert einen Rahmen ohne Kante.
hidden	Ist gleichbedeutend mit "none". Außer bei Tabellen, für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen.
dotted	Definiert einen punktförmigen 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 doppelte Linien. Die Breite der Linien entspricht dem Wert von border-width.
groove	Definiert 3D-Kerbrahmen. Der Effekt hängt von dem Wert von border-color ab.
ridge	Definiert 3D-Reliefrahmen. Der Effekt hängt von dem Wert von border-color ab.
inset	Definiert 3D-Einsetzrahmen. Der Effekt hängt von dem Wert von border-color ab.
outset	Definiert 3D-Aussetzrahmen. Der Effekt hängt von dem Wert von border-color ab.
inherit	Es wird vorgeschrieben, dass der Rahmenstil vom übergeordneten Element geerbt wird.

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

Stil der oberen Rahmenkante einstellen: Dieses Beispiel zeigt, wie man den Stil der oberen Rahmenkante 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