border-top

Übersicht:

Die border-top Eigenschaft legt den oberen Rahmen eines Elementes fest und ist eine Kurzform für
border-top-color, border-top-style und border-top-width. Die Werte der drei Eigenschaften können in beliebiger Reihenfolge angegeben werden.

• Standardwert: siehe einzelne Eigenschaften
• Anwendbar auf: Alle Elemente
• Vererbbar: Nein
• Prozentwerte: Nein
• Medium: visuell
• berechneter Wert: siehe einzelne Eigenschaften

Syntax

border-top: [ <Rahmenbreite> || <Rahmenstil> || <Rahmenfarbe> ] | inherit

Werte

<Rahmenbreite>

Optional. Wenn nichts festgelegt ist, wird medium verwendet. Siehe: border-top-width.

<Rahmenstil>

Erforderlich. Wenn nichts festgelegt ist, wird none verwendet. Siehe: border-top-style.

<Rahmenfarbe>

Optional. Wenn nichts festgelegt ist, wird der Wert der color Eigenschaft des Elements genommen. Siehe: border-top-color.

inherit

Der Wert des Elternelements wird geerbt.

Beispiele

.beispielEins {
  border-top: 1px solid #000;
}

.beispielZwei {  
  border-top-style: dotted;
  border-top: thick green;
  
  /* Bedeutet das gleiche wie: */
  
  border-top-style: dotted;
  border-top: none thick green;
  
  /* border-top-style wird nach Angabe von border-top ignoriert. 
  Es wird kein oberer Rahmen gezeichnet. */
}

Browser Kompatibilität

Spezifikation

• CSS 3 Background and Borders #border-top
• CSS 2.1 Box #border-top

Siehe auch

• border-top-color, border-top-style, border-top-width
• border-bottom, border-left, border-right
• -moz-border-top-colors
• -moz-border-image, -moz-border-radius