CSS border-boven-breedte eigenschap

Definitie en gebruik

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

Dit werkt alleen wanneer het stijl van de rand niet "none" is. Als het stijl van de rand "none" is, wordt de breedte van de rand effectief op 0 hersteld. Negatieve lengtes waarden zijn niet toegestaan.

Opmerking:Verklaar altijd de border-style eigenschap voordat je de border-top-width eigenschap declareert. Een element kan alleen de breedte van zijn rand wijzigen nadat het een rand heeft verkregen.

Zie ook:

CSS handleiding:CSS rand

CSS referentiehandleiding:border-top eigenschap

HTML DOM referentiehandleiding:borderTopWidth eigenschap

Voorbeeld

Instellen van de breedte van de bovenste rand:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

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

Technische details

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

Meer voorbeelden

Instellen van de breedte van de bovenste rand
Dit voorbeeld toont 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".