CSS border-rechts-stijl eigenschap

Definitie en gebruik

border-right-style stelt de stijl van de rechterrand van het element in.

De rand verschijnt alleen als deze waarde niet none is.

In CSS1 moet de HTML user agent alleen solid en none ondersteunen.

CSS tutorial:CSS rand

Instellen van de stijl van de rechterrand:

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

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

Waarde	Beschrijving
none	Definieert geen rand.
hidden	Is hetzelfde als "none". Voor tabellen echter niet van toepassing, voor tabellen wordt "hidden" gebruikt om randconflicten op te lossen.
dotted	Definieert een gepuncteerde rand. Wordt in de meeste browsers weergegeven als een rechte lijn.
dashed	Definieert een doorgebroken 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 groef rand. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D bult rand. Het effect hangt af van de waarde van border-color.
inset	Definieert een 3D inset rand. Het effect hangt af van de waarde van border-color.
outset	Definieert een 3D outset 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
Inheritantie:	nee
Versie:	CSS1
JavaScript syntax:	object.style.borderRightStyle="dotted"

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

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

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5