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 Kantenbreite tatsächlich auf 0 zurückgesetzt. Negative Längenwerte sind nicht erlaubt.

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

Weitere Informationen:

CSS Tutorial:CSS Ränder

CSS Referenzhandbuch:border-top-Eigenschaft

HTML DOM Referenzhandbuch:borderTopWidth-Eigenschaft

Beispiel

Einstellen der Breite der oberen Ränder:

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

Probieren Sie es selbst aus

CSS-Syntax

border-top-width: mittel|dünn|dick|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

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

Browserunterstützung

Die in der Tabelle genannten Zahlen 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:Browserversionen IE7 und früher unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".