CSS border-top-width Eigenschaft

Definition und Verwendung

Die Eigenschaft border-top-width setzt die Breite der oberen Kante des Elements fest.

Nur wirksam, wenn der Kantenstil nicht "none" ist. Wenn der Kantenstil "none" ist, wird die tatsächliche Kantenbreite auf 0 zurückgesetzt. Es sind keine negativen Längenwerte zulässig.

Anmerkung:Stellen Sie immer die Eigenschaft border-style vor der Eigenschaft border-top-width ein. Das Element kann seine Kantenbreite nur ändern, wenn es eine Kante hat.

Weitere Informationen:

CSS-Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-top-Eigenschaft

HTML DOM Referenzhandbuch:borderTopWidth-Eigenschaft

Beispiel

Breite der oberen Ränder einstellen:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Versuchen Sie es selbst

CSS-Syntax

border-top-width: mittel|dünn|dicke|length|initial|inherit;

Eigenschaftswert

Wert Beschreibung
thin Definiert eine dünne obere Kante.
mittel Standardwert. Definiert eine mittlere obere Kante.
thick Definiert eine dicke obere Kante.
length Ermöglicht die Anpassung der Breite der oberen Kante.
inherit Definiert, dass die Breite der Kante vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: mittel
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderTopWidth="thick"

Mehr Beispiele

Breite der oberen Ränder einstellen
Dieses Beispiel zeigt, wie man die Breite der oberen Ränder einstellt.

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 IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 benötigt !DOCTYPE. IE9 unterstützt "inherit".