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 värdet inte är none.

I CSS1 krävs det att HTML-användargränssnittet endast stöder solid och none.

Se också:

CSS kurs:CSS kanter

CSS referenshandbok:border-top egenskap

HTML DOM referenshandbok:borderTopStyle-egenskapen

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 Likaså som "none", men utom för tabeller, där "hidden" används 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-fåra kant. Effekten beror på värdet för border-color.
ridge Definierar 3D-rygg 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 Definierar att kantstilen ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvsförmåga: 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äsarens version som fullständigt stöder egenskapen.

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