CSS border-boven-breedte eigenschap

Definitie en gebruik

De border-top-width eigenschap stelt de breedte van de bovenste rand van het element in.

Werkt alleen als de border-style niet "none" is. Als de border-style "none" is, wordt de randbreedte effectief op 0 hersteld. Negatieve lengtemetingen zijn niet toegestaan.

Opmerking:Verklaring: Altijd verklaren border-style eigenschap voordat border-top-width eigenschap. Een element kan zijn randbreedte alleen wijzigen nadat het een rand heeft verkregen.

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-top eigenschap

HTML DOM referentiemanual:borderTopWidth eigenschap

Voorbeeld

Instellen van de breedte van de bovenste rand:

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

Probeer het zelf

CSS syntax

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

Eigenschapswaarde

Waarde Beschrijving
thin Definieert een dunne bovenste rand.
medium Standaardwaarde. Definieert een gemiddelde dikke rand.
thick Definieert een dikke bovenste rand.
length Stelt u in staat om de breedte van de bovenste rand aan te passen.
inherit Stelt dat de breedte van de rand van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: medium
Inheritabiliteit: nee
Versie: CSS1
JavaScript syntax: object.style.borderTopWidth="thick"

Meer voorbeelden

Instellen van de breedte van de bovenste rand
Dit voorbeeld demonstreert hoe je de breedte van de bovenste rand instelt.

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