CSS border-beneden-stijl eigenschap

Definitie en gebruik

border-bottom-style stelt de stijl van de onderste bijkant van het element in.

De bijkant verschijnt alleen als deze waarde niet "none" is.

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

CSS handleiding:CSS rand

CSS referentiehandleiding:border-bottom eigenschap

HTML DOM referentiehandleiding:borderBottomStyle eigenschap

Instellen van de stijl van de onderste bijkant:

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

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

Waarde	Beschrijving
none	Definieert geen bijkant.
hidden	Is hetzelfde als "none". Behalve voor tabellen, waar "hidden" wordt gebruikt om bijkantconflicten op te lossen.
dotted	Definieert een stipgelijn. Wordt in de meeste browsers weergegeven als een rechte lijn.
dashed	Definieert een gebroken 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 bijkant. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D groef bijkant. Het effect hangt af van de waarde van border-color.
inset	Definieert een 3D inset bijkant. Het effect hangt af van de waarde van border-color.
outset	Definieert een 3D outset bijkant. Het effect hangt af van de waarde van border-color.
inherit	Bepaalt dat de bijkantstijl van het ouder element moet worden geërfd.

Standaardwaarde:	niet gespecificeerd
Inheritantie:	nee
Versie:	CSS1
JavaScript syntaxis:	object.style.borderBottomStyle="dotted"

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