CSS border-rechts-stijl eigenschap

Definitie en gebruik

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

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

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

CSS handleiding:CSS rand

Instellen van de stijl van de rechterbalk:

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". Tenzij het op een tabel wordt toegepast, voor tabellen wordt "hidden" gebruikt om randconflicten op te lossen.
dotted	Definieert een gepunktte 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 bultige 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 stijl van de rand van het ouderlement moet worden geërfd.

Standaardwaarde:	niet gespecificeerd
Inherits:	nee
Versie:	CSS1
JavaScript syntaxis:	object.style.borderRightStyle="dotted"

Instellen van de stijl van de rechterbalk: Dit voorbeeld demonstreert hoe je de stijl van de rechterbalk 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