CSS border-top-color Eigenschaft

Definition und Verwendung

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

Es können nur reine Farben definiert werden, und die Kante tritt nur dann auf, wenn der Rahmenstil einen Wert ist, der nicht "none" oder "hidden" ist.

Anmerkung:Die border-style-Eigenschaft sollte immer vor der border-color-Eigenschaft deklariert werden. Das Element muss eine Kante haben, bevor Sie ihre Farbe ändern.

Weitere Informationen:

CSS Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-top Attribut

HTML DOM Referenzhandbuch:borderTopColor-Eigenschaft

Beispiel

Rahmenkantefarbe einstellen:

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 Rahmenfarbe mit einem Farbnamen (z.B. red) vorgeschrieben.
hex_number Es wird die Rahmenfarbe mit einem hexadezimalen Wert (z.B. #ff0000) vorgeschrieben.
rgb_number Es wird die Rahmenfarbe mit rgb-Code (z.B. rgb(255,0,0)) vorgeschrieben.
transparent Standardwert. Die Rahmenfarbe ist transparent.
inherit Es wird vorgeschrieben, dass die Rahmenfarbe vom übergeordneten Element geerbt wird.

Technische Details

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

Mehr Beispiele

Rahmenkantefarbe einstellen
Dieses Beispiel zeigt, wie man die Farbe der oberen Rahmenkante einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, 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".