CSS border-right egenskab

Definition og brug

border-right kortfattet egenskab sætter alle egenskaber for højre kant i én deklaration.

Egenskaberne kan indstilles i følgende rækkefølge:

Hvis en af værdierne ikke er sat, vil det ikke forårsage problemer, f.eks. border-right:solid #ff0000; er også tilladt.

Se også:

CSS tutorial:CSS kant

HTML DOM reference manual:borderRight egenskaben

Eksempel

Indstil stilen på højre kant:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
border-right-width Definerer bredden på højre kant. Se også:border-right-width mulige værdier.
border-right-style Definerer stilen på højre kant. Se også:border-right-style mulige værdier.
border-right-color Definerer farven på højre kant. Se også:border-right-color mulige værdier.
inherit Definerer, at border-right-egenskaben skal arves fra forældrelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript syntaks: object.style.borderRight="3px solid blue"

Flere eksempler

Alle højre kantegenskaber i én deklaration
Dette eksempel viser en kortfattet egenskab, der bruges til at sætte alle højre kantegenskaber i én deklaration.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Kommentar:IE7 og tidligere versjoner af browsere understøtter ikke værdien "inherit". IE8 kræver !DOCTYPE. IE9 understøtter "inherit".