CSS border-boven eigenschap

Definitie en gebruik

De border-top afkortingseigenschap stelt alle eigenschappen van de bovenrand in één verklaring in.

Deze eigenschappen kunnen in volgorde worden ingesteld:

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

Zie ook:

CSS tutorial:CSS rand

HTML DOM referentiemanual:borderTop eigenschap

Voorbeeld

Stel de stijl van de bovenrand in:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

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

Technische details

Standaardwaarde: niet gespecificeerd
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderTop="3px solid blue"

Meer voorbeelden

Alle bovenrand-eigenschappen in één verklaring
Dit voorbeeld demonstreert het gebruik van een afkortingseigenschap om alle bovenrand-eigenschappen 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".