CSS border-rechts-breedte eigenschap

Definitie en gebruik

De eigenschap border-right-width stelt de breedte van de rechterbalk van het element in.

Alleen van toepassing wanneer de stijl van de rand niet "none" is. Als de stijl van de rand "none" is, wordt de breedte van de rand effectief op 0 hersteld. Negatieve lengtemetingen zijn niet toegestaan.

Opmerking:Stel de eigenschap border-style altijd voor de eigenschap border-right-width in. Een element kan zijn randbreedte alleen wijzigen nadat het een rand heeft verkregen.

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-right eigenschap

HTML DOM referentiemanual:borderRightWidth eigenschap

Voorbeeld

Instellen van de breedte van de rechterbalk:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

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

Technische details

Standaardwaarde: medium
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.borderRightWidth="thick"

Meer voorbeelden

Instellen van de breedte van de rechterbalk
Dit voorbeeld toont hoe je de breedte van de rechterbalk 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".