CSS border-top-color egenskap

Definition och användning

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

Endast definiera ren färg, och kant 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å kant innan du ändrar dess färg.

Se också:

CSS-lärarlektion:CSS kant

CSS referenshandbok:border-top-egenskapen

HTML DOM referenshandbok:borderTopColor-egenskapen

Exempel

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

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 Det specificeras kantfärgen med färgnamn (t.ex. red).
hex_number Det specificeras kantfärgen med hexadecimalt värde (t.ex. #ff0000).
rgb_number Det specificeras kantfärgen med rgb-kod (t.ex. rgb(255,0,0)).
transparent Standardvärde. Kantfärgen är transparent.
inherit Det specificeras att kantfärgen ska 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 kant
Detta exempel visar hur du ställer in färgen på övre kant.

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som helt 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".