CSS border-beneden-breedte eigenschap

Definitie en gebruik

De border-bottom-width eigenschap stelt de breedte van de onderste border van een element in.

Het werkt alleen wanneer de borderstijl niet "none" is. Als de borderstijl "none" is, wordt de borderbreedte eigenlijk op 0 hersteld. Negatieve lengtewaarden zijn niet toegestaan.

Opmerking:Verklaring: Verklaring: De border-bottom-width eigenschap moet altijd voor de border-style eigenschap worden gedeclareerd. Een element kan zijn borderbreedte alleen wijzigen nadat het een border heeft verkregen.

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-bottom eigenschap

HTML DOM referentiemanual:borderBottomWidth eigenschap

Voorbeeld

Instellen van de breedte van de onderste border:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Probeer het zelf

CSS syntaxis

border-bottom-width: medium|thin|thick|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
thin Definieert een dunne onderste border.
medium Standaardwaarde. Definieert een gemiddelde onderste border.
thick Definieert een dikke onderste border.
length Laat je toe om de breedte van de onderste border zelf te configureren.
inherit Stelt dat de borderbreedte van het ouder element moet worden geërfd.

Meer voorbeelden

Instellen van de breedte van de onderste border
Dit voorbeeld demonstreert hoe je de breedte van de onderste border instelt.

Technische details

Standaardwaarde: medium
Inheritance: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderBottomWidth="thick"

Browserondersteuning

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

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

Opmerking:IE7 en oudere browsers ondersteunen de waarde "inherit" niet. IE8 vereist !DOCTYPE. IE9 ondersteunt "inherit".