CSS border-rechts eigenschap

Definitie en gebruik

De border-right verkorte eigenschap stelt alle eigenschappen van de rechterrand in één verklaring in.

Deze eigenschappen kunnen in volgorde worden ingesteld:

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

Zie ook:

CSS handleiding:CSS rand

HTML DOM referentiemanual:borderRight eigenschap

Voorbeeld

Stel de stijl van de rechterrand in:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
border-right-width Stelt de breedte van de rechterrand vast. Zie ook:border-right-width mogelijke waarden.
border-right-style Stelt de stijl van de rechterrand vast. Zie ook:border-right-style mogelijke waarden.
border-right-kleur Stelt de kleur van de rechterrand vast. Zie ook:border-right-kleur mogelijke waarden.
inherit Stelt dat de border-right-eigenschap van het ouder-element moet worden overgenomen.

Technische details

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

Meer voorbeelden

Alle rechterrand-eigenschappen in één verklaring
Dit voorbeeld demonstreert een verkorte eigenschap die wordt gebruikt om alle rechterrand-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".