CSS border-right-style egenskap

Definition och användning

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

Kanten visas bara om detta värde inte är none.

I CSS1 kräver HTML användaragent att stödja solid och none.

Se också:

CSS kurs:CSS kant

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 kantlös.
hidden Liknar "none", men inte tillämpas på tabeller. För tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar punkt kant. visas ofta som rak kant i de flesta webbläsare.
dashed Definierar prickig kant. visas ofta som rak kant i de flesta webbläsare.
solid Definierar rak kant.
double Definierar dubbel kant. Bredden på dubbelkanten är lika med värdet av border-width.
groove Definierar 3D insvept kant. Effekten beror på värdet av border-color.
ridge Definierar 3D veckad kant. Effekten beror på värdet av border-color.
inset Definierar 3D inåtliggande kant. Effekten beror på värdet av border-color.
outset Definierar 3D utåtliggande kant. Effekten beror på värdet av border-color.
inherit Detaljerar att kantstilen ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerat
Arvbarhet: nej
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

Tal 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