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 gebruikeragent alleen solid en none ondersteunen.

CSS handleiding:CSS rand

CSS referentiehandleiding:border-top eigenschap

HTML DOM referentiehandleiding: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 stippen rand. Wordt in de meeste browsers weergegeven als een rechte lijn.
dashed	Definieert een gestippelde lijn. Wordt in de meeste browsers weergegeven als een rechte lijn.
solid	Definieert een rechte lijn.
double	Definieert een dubbele lijn. De breedte van de lijn is gelijk aan de waarde van border-width.
groove	Definieert een 3D inkeping rand. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D geplooide 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	Bepaalt dat de randstijl van het ouder-element moet worden geërfd.

Standaardwaarde:	niet gespecificeerd
Inherits:	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 deze eigenschap volledig ondersteunt.

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