CSS border-top-farve egenskab

Definition og brug

border-top-color sætter farven på toppen af elementets kant.

Kan kun definere ren farve, og kantene kan kun vises, når kantstilen er en værdi, der ikke er none eller hidden.

Bemærk:Sørg altid for at deklarere border-style egenskaben før border-color egenskaben. Elementet skal have kantene, før du ændrer farven.

Se også:

CSS undervisning:CSS Kanter

CSS referencehåndbog:border-top egenskab

HTML DOM referencehåndbog:borderTopColor egenskaben

Eksempel

Sæt farven på toppen af kantene:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Egenskabsværdi

Værdi Beskrivelse
color_name Det specificeres, at kantfarven er en farvenavn (f.eks. rød).
hex_number Det specificeres, at kantfarven er en hexadecimal værdi (f.eks. #ff0000).
rgb_number Det specificeres, at kantfarven er en rgb-kode (f.eks. rgb(255,0,0)).
transparent Standardværdi. Kantfarven er transparent.
inherit Det specificeres, at kantfarven skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript syntaks: object.style.borderTopColor="blue"

Flere eksempler

Sæt farven på toppen af kantene
Dette eksempel viser, hvordan du sætter farven på toppen af kantene.

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Bemærk:Internet Explorer 6 (og tidligere versioner) understøtter ikke egenskabsværdien "transparent".

Bemærk:Internet Explorer 7 og tidligere versioner af browsere understøtter ikke værdien "inherit". Internet Explorer 8 kræver !DOCTYPE. Internet Explorer 9 understøtter "inherit".