CSS border-top-style egenskap

Definition och användning

border-top-style ställer in stilen för elementets övre kant.

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

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

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-top egenskap

HTML DOM referenshandbok:borderTopStyle egenskap

Exempel

Ställ in stilen för övre kant:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
none Definierar en kant utan ram.
hidden Liksom "none", men för tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar en punkt kant. I de flesta webbläsare visas den som en solid kant.
dashed Definierar en punkterad kant. I de flesta webbläsare visas den som en solid kant.
solid Definierar en solid kant.
double Definierar dubbel kant. Bredden på dubbelkanten är lika med värdet för border-width.
groove Definierar 3D fördjupad kant. Effekten beror på värdet för border-color.
ridge Definierar 3D räls 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 Specificerar att kantstilen ska inhämtas från föräldrelementet.

Tekniska detaljer

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

Mer exempel

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

Webbläsarstöd

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2