CSS border-right-stil egenskab

Definisjon og bruk

border-right-style setter stilen på elementets høyre kant.

Kanten vises bare når denne verdien ikke er none.

I CSS1 må HTML brukeragenten bare støtte solid og none.

Se også:

CSS-læringsveiledning:CSS kanter

CSS referansehåndbok:border-right-egenskapen

HTML DOM referansehåndbok:borderRightStyle-egenskapen

Eksempel

Sett stilen på høyre kant:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Prøv det selv

CSS-syntaks

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
none Definerer kant uten kant.
hidden Er lik "none", med unntak for tabeller. For tabeller brukes "hidden" for å løse kantkonflikter.
dotted Definerer punktlinje kant. Vises som en enhetsskinne i de fleste nettlesere.
dashed Definerer punktskinne. Vises som en enhetsskinne i de fleste nettlesere.
solid Definerer enhetsskinne.
double Definerer dobbelt kant. Bredden på dobbeltkanten er lik verdien av border-width.
groove Definerer 3D fure kant. Effekten avhenger av verdien av border-color.
ridge Definerer 3D relief kant. Effekten avhenger av verdien av border-color.
inset Definerer 3D insett kant. Effekten avhenger av verdien av border-color.
outset Definerer 3D outline kant. Effekten avhenger av verdien av border-color.
inherit Regelverket bestemmer at kantstilen skal arves fra foreldrelementet.

Tekniske detaljer

Standardverdi: ikke spesifisert
Arv: nei
Versjon: CSS1
JavaScript-syntaks: object.style.borderRightStyle="dotted"

Flere eksempler

Sett stilen på høyre kant
Dette eksempelet viser hvordan du setter stilen på høyre kant.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

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