CSS border-top-stil egenskab

Definisjon og bruk

border-top-style setter stilen på kantlinjen på elementets topp.

Kantlinjen kan bare vises når denne verdien ikke er none.

I CSS1 må HTML brukeragenten kun støtte solid og none.

Se også:

CSS tutorial:CSS kant

CSS referansehåndbok:border-top egenskap

HTML DOM referansehåndbok:borderTopStyle egenskap

Eksempel

Sette opp stilen på topp kantlinjen:

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

Prøv selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
none Definerer kantlinje uten kant.
hidden Lik "none", med unntak av tabeller. For tabeller brukes "hidden" for å løse kantkonflikter.
dotted Definerer punkt kantlinje. I de fleste nettlesere vises dette som en ren linje.
dashed Definerer stippellinje. I de fleste nettlesere vises dette som en ren linje.
solid Definerer ren kantlinje.
double Definerer dobbel kantlinje. Bredden på dobbelkanten er lik verdien av border-width.
groove Definerer 3D grav kantlinje. Effekten avhenger av verdien av border-color.
ridge Definerer 3D rille kantlinje. Effekten avhenger av verdien av border-color.
inset Definerer 3D innvendig kantlinje. Effekten avhenger av verdien av border-color.
outset Definerer 3D utstikkende kantlinje. Effekten avhenger av verdien av border-color.
inherit Bestemmer at kantstilen skal arves fra foreldrelementet.

Tekniske detaljer

Standardverdi: ikke spesifisert
Arvbarhet: nei
Versjon: CSS1
JavaScript syntaks: object.style.borderTopStyle="dotted"

Flere eksempler

Sette opp stilen på topp kantlinjen
Dette eksempelet viser hvordan du setter opp stilen på topp kantlinjen.

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter denne egenskapen.

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