CSS border-boven-stijl eigenschap

Definitie en gebruik

border-top-style stelt de stijl van de bovenste rand van het element in.

De rand kan alleen verschijnen als deze waarde niet none is.

In CSS1 moet de HTML gebruikersagent alleen solid en none ondersteunen.

CSS handleiding:CSS rand

HTML DOM referentiemanual:borderTopStyle eigenschap

Instellen van de stijl van de bovenste rand:

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

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

Waarde	Beschrijving
none	Definieert geen rand.
hidden	Is hetzelfde als "none". Tenzij het op een tabel wordt toegepast, voor tabellen wordt "hidden" gebruikt om randconflicten op te lossen.
dotted	Definieert een puntlijn. Wordt in de meeste browsers weergegeven als een solide lijn.
dashed	Definieert een gestippelde lijn. Wordt in de meeste browsers weergegeven als een solide lijn.
solid	Definieert een solide lijn.
double	Definieert een dubbele lijn. De breedte van de lijn is gelijk aan de waarde van border-width.
groove	Definieert een 3D groefrand. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D getande rand. Het effect hangt af van de waarde van border-color.
inset	Definieert een 3D ingesprongen rand. Het effect hangt af van de waarde van border-color.
outset	Definieert een 3D uitstekende rand. Het effect hangt af van de waarde van border-color.
inherit	Het wordt voorgesteld dat de randstijl van de ouderlijke elementen wordt geërfd.

Standaardwaarde:	niet gespecificeerd
Inheritsbaarheid:	nee
Versie:	CSS1
JavaScript syntaxis:	object.style.borderTopStyle="dotted"

Instellen van de stijl van de bovenste rand: Dit voorbeeld demonstreert hoe je de stijl van de bovenste rand instelt.

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

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