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æreplanCSS kant

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 Lik "none", men unntatt når det brukes til tabeller. For tabeller brukes "hidden" til å løse kantkonflikter.
dotted Definerer punktlinje. Vises som ren linje i de fleste nettlesere.
dashed Definerer punktilinje. Vises som ren linje i de fleste nettlesere.
solid Definerer ren linje.
double Definerer dobbeltlinje. Bredden på dobbeltlinjen er lik verdien av border-width.
groove Definerer 3D-furet kant. Effekten avhenger av verdien av border-color.
ridge Definerer 3D-ribbet kant. Effekten avhenger av verdien av border-color.
inset Definerer 3D-innhevet kant. Effekten avhenger av verdien av border-color.
outset Definerer 3D-uthevet kant. Effekten avhenger av verdien av border-color.
inherit Detaljerer at kantstilen skal arves fra foreldrelementet.

Teknisk detalj

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