CSS border-top-farve egenskab

Definition og brug

border-top-color sætter farven på elementets øverste kantlinje.

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

Bemærkning:Altid udtaler border-style-egenskaben før border-color-egenskaben. Elementet skal have kantlinjen, før du ændrer farven.

Se også:

CSS-tutorial:CSS Kantd

CSS referencehåndbog:border-top-egenskaben

HTML DOM referencehåndbog:borderTopColor-egenskaben

Eksempel

Indstil farven på toppen af kantlinjen:

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 gennemsigtig.
inherit Det specificeres, at kantfarven skal arves fra forældrelementet.

Tekniske detaljer

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

Flere eksempler

Indstil farven på toppen af kantlinjen
Dette eksempel viser, hvordan du indstiller farven på toppen af kantlinjen.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

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

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

Bemærkning: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".