English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS border-top-Verwendung und Beispiel der width-Eigenschaft

border-top-Die width CSS-Eigenschaft wird verwendet, um die Breite der oberen Rahmenkante eines Elements zu setzen. Allerdings, in vielen Fällen, wie  border-widthoderborder-topSolche abgekürzten CSS-Eigenschaften sind bequemer und attraktiver zu verwenden.

Die folgende Tabelle enthält Anweisungen und Versionshistorien der Verwendung dieses Attributes, sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:mittel
Geeignet für:Alle Elemente
Vererbung:Nein
Animierbar:Ja.Siehe Animationsattribute.
Version:CSS 1,2,3
JavaScript-Syntax:object object.style.borderTopWidth="dick"

border-top-Syntax der Verwendung von width

Die Syntax dieser Eigenschaft ist wie folgt:

border-top-width: thin | mittel | dick | Länge | inherit

Die folgenden Beispiele zeigen, wie man border-top-width-Eigenschaft.

  p {
   border-style: solid;
   border-top-width: 15px;
  }
Testen Sie es heraus‹/›

Hinweis:Sie müssen in border-bottom-width-Eigenschaft vor der Erklärungborder-styleEigenschaft. Das Element muss einen Rahmen haben, bevor die Breite des Rahmens festgelegt werden kann, da dieborder-styleDer Standardwert der Eigenschaft ist none.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
dünnDünner Rahmen.
mittelMittlerer Rahmen.
dickDicker Rahmen.
LängeLängenwerte in Einheiten wie px, pt, cm, em usw. Es sind negative Werte nicht erlaubt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein parent border-top-Wert der width-Eigenschaft.

Browserkompatibilität

border-top-Die Kompatibilität der width-Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe Anleitung:CSS Border,CSS3 Border.

Verwandte Eigenschaften:border,border-width,border-top,border-top-color,
border-top-style.