CSS border-right-style egenskap

Definition och användning

border-right-style ställer in stilen för elementets högra kant.

Kanten visas endast om värdet inte är none.

I CSS1 behöver HTML-användaragenten endast stödja solid och none.

Se också:

CSS tutorial:CSS kanter

CSS referenshandbok:border-right egenskap

HTML DOM referenshandbok:borderRightStyle egenskap

Exempel

Ställ in stilen för höger kant:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
none Definierar en kantlös kant.
hidden Liksom "none", men tillämpas inte på tabeller. För tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar en punkt kant. Visas ofta som en solid kant i de flesta webbläsare.
dashed Definierar en punkterad kant. Visas ofta som en solid kant i de flesta webbläsare.
solid Definierar en solid kant.
double Definierar dubbelkant. Bredden på dubbelkanten är lika med värdet för border-width.
groove Definierar 3D-sulc kant. Effekten beror på värdet för border-color.
ridge Definierar 3D-ribbad kant. Effekten beror på värdet för border-color.
inset Definierar 3D-inskjutande kant. Effekten beror på värdet för border-color.
outset Definierar 3D-utskjutande kant. Effekten beror på värdet för border-color.
inherit Reglerar att kantstilen ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: no
Version: CSS1
JavaScript-syntax: object.style.borderRightStyle="dotted"

Mer exempel

Ställ in stilen för höger kant
Detta exempel visar hur du ställer in stilen för höger kant.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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