CSS border-oben-Farbe-Eigenschaft

Definition und Verwendung

border-top-color setzt die Farbe der oberen Grenze des Elements.

Es können nur reine Farben definiert werden, und die Grenze kann nur erscheinen, wenn der Grenzstil einen Wert ist, der nicht none oder hidden ist.

Anmerkung:Stellen Sie immer den border-style-Attribut vor dem border-color-Attribut. Das Element muss eine Grenze haben, bevor Sie ihre Farbe ändern.

Weitere Informationen:

CSS-Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-top Attribut

HTML DOM Referenzhandbuch:borderTopColor-Eigenschaft

Beispiel

Einstellen der Farbe der oberen Grenze:

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

Versuchen Sie es selbst

CSS-Syntax

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

Attributwert

Attributwert

Wert Beschreibung
color_name Es wird die Farbe der Grenze als Farbname angegeben (z.B. red).
hex_number Es wird die Farbe der Grenze als Hexadezimalwert angegeben (z.B. #ff0000).
rgb_number Es wird die Farbe der Grenze als rgb-Code angegeben (z.B. rgb(255,0,0)).
transparent Standardwert. Die Grenzfarbe ist transparent.
inherit Es wird festgelegt, dass die Farbe der Grenze vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderTopColor="blue"

Mehr Beispiele

Einstellen der Farbe der oberen Grenze
Dieses Beispiel zeigt, wie man die Farbe der oberen Grenze einstellt.

Browser-Unterstützung

Die in der Tabelle genannten Nummern geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

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

Anmerkung:Internet Explorer 6 (und frühere Versionen) unterstützen den Attributwert "transparent" nicht.

Anmerkung:Internet Explorer 7 und frühere Browser unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".