CSS border-beneden eigenschap

Definitie en gebruik

De border-bottom afkortingseigenschap stelt alle eigenschappen van de onderste rand in één verklaring in.

De volgende eigenschappen kunnen in volgorde worden ingesteld:

Als een van de waarden niet wordt ingesteld, is dat geen probleem, bijvoorbeeld border-bottom:solid #ff0000; is ook toegestaan.

Zie ook:

CSS handleiding:CSS rand

HTML DOM referentiehandleiding:borderBottom eigenschap

Voorbeeld

Stel de stijl van de onderste rand in:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Probeer het zelf

CSS syntax

border-bottom: border-width border-style border-color|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
border-bottom-width Bepaalt de breedte van de onderste rand. Zie ook:border-bottom-width mogelijke waarden.
border-bottom-style Bepaalt de stijl van de onderste rand. Zie ook:border-bottom-style mogelijke waarden.
border-bottom-color Bepaalt de kleur van de onderste rand. Zie ook:border-bottom-color mogelijke waarden.
inherit Bepaalt dat de instelling van de border-bottom-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritance: nee
Versie: CSS1
JavaScript syntax: object.style.borderBottom="3px solid blue"

Meer voorbeelden

Alle ondersteunende randeigenschappen in één verklaring
Dit voorbeeld demonstreert het gebruik van de afkortingseigenschap om alle ondersteunende randeigenschappen in één verklaring in te stellen.

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".