CSS border-top-style Eigenschaft

Definition und Verwendung

border-top-style stellt den Stil der oberen Rahmenkante des Elements ein.

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

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

CSS-Tutorial:CSS Ränder

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 gleich wie "none", außer wenn es auf Tabellen angewendet wird. Für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen.
dotted	Definiert eine gepunktete Rahmenkante. 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-kantigen Rahmen. Der Effekt hängt vom Wert von border-color ab.
ridge	Definiert einen 3D-rillenartigen Rahmen. Der Effekt hängt vom Wert von border-color ab.
inset	Definiert einen 3D-inset Rahmen. Der Effekt hängt vom Wert von border-color ab.
outset	Definiert einen 3D-outset Rahmen. Der Effekt hängt vom 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 weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

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