CSS border-top Eigenschaft

Definition und Verwendung

Die Kurzform der border-top-Eigenschaft setzt alle Eigenschaften der oberen Grenze in einer Deklaration.

Die folgenden Eigenschaften können in dieser Reihenfolge festgelegt werden:

Wenn eines der Werte nicht festgelegt wird, gibt es kein Problem, z.B. ist border-top:solid #ff0000 auch erlaubt.

Weitere Informationen siehe:

CSS Tutorial:CSS Rand

HTML DOM Referenzhandbuch:borderTop Eigenschaft

Beispiel

Stellen Sie den Stil der oberen Grenze ein:

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

Probieren Sie es selbst aus

CSS Syntax

border-top: border-width border-style border-color|initial|inherit;

Eigenschaftswert

Wert Beschreibung
border-top-width Definiert die Breite der oberen Grenze. Siehe:border-top-width mögliche Werte.
border-top-style Definiert den Stil der oberen Grenze. Siehe:border-top-style mögliche Werte.
border-top-color Definiert die Farbe der oberen Grenze. Siehe:border-top-color mögliche Werte.
inherit Definiert, dass die border-top-Eigenschaft vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: nein
Version: CSS1
JavaScript Syntax: object.style.borderTop="3px solid blue"

Mehr Beispiele

Alle oberen Randeigenschaften in einer Deklaration
Dieses Beispiel zeigt, wie alle oberen Randeigenschaften in einer Deklaration mit verkürzten Eigenschaften festgelegt werden.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version 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:Browser Versionen IE7 und älter unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".