CSS border-beneden-stijl eigenschap

Definitie en gebruik

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

De border 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

Stel de stijl van de onderste border in:

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 een border zonder rand.
hidden	Is hetzelfde als "none". Behalve wanneer het op een tabel wordt toegepast, voor tabellen wordt "hidden" gebruikt om borderconflicten op te lossen.
dotted	Definieert een gepuncteerde border. 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 groef border. Het effect hangt af van de waarde van border-color.
ridge	Definieert een 3D bult border. Het effect hangt af van de waarde van border-color.
inset	Definieert een 3D inset border. Het effect hangt af van de waarde van border-color.
outset	Definieert een 3D outset border. Het effect hangt af van de waarde van border-color.
inherit	Stelt dat de borderstijl van de ouderweergave moet worden geërfd.

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

Stel de stijl van de onderste border in: Dit voorbeeld demonstreert hoe je de stijl van de onderste border 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