CSS border-top-color egenskap

Definition och användning

border-top-color ställer in färgen på elementets övre kantlinje.

Endast definiera ren färg, och kantlinjen kan endast visas när kantstilen är ett värde som inte är none eller hidden.

Kommentar:Ange alltid border-style egenskapen innan border-color egenskapen. Elementet måste få kantlinjen innan du ändrar dess färg.

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-top egenskapen

HTML DOM referenshandbok:borderTopColor egenskapen

Exempel

Ställ in färgen på övre kantlinjen:

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Prova själv

CSS-syntax

border-top-color: color|transparent|initial|inherit;

Egenskapsvärde

Egenskapsvärde

Värde Beskrivning
color_name Detaljerar kantfärgen som färgnamn (t.ex. red).
hex_number Detaljerar kantfärgen som hexadecimalt värde (t.ex. #ff0000).
rgb_number Detaljerar kantfärgen som rgb-kod (t.ex. rgb(255,0,0)).
transparent Standardvärde. Kantfärgen är transparent.
inherit Detaljerar att kantfärgen bör härledas från föräldrelementet.

Tekniska detaljer

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

Mer exempel

Ställ in färgen på övre kantlinjen
Detta exempel visar hur du ställer in färgen på övre kantlinjen.

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

Kommentar:Internet Explorer 6 (och tidigare versioner) stöder inte egenskapsvärdet "transparent".

Kommentar:Internet Explorer 7 och tidigare versioner av webbläsare stöder inte värdet "inherit". Internet Explorer 8 kräver !DOCTYPE. Internet Explorer 9 stöder "inherit".