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

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsliste

CSS Border-links-Verwendung und Beispiel der width-Eigenschaft

Border-links-Die width CSS-Eigenschaft wird verwendet, um die Breite der linken Umrandung eines Elements einzeln zu setzen. Viele Male jedoch, wieBorder-widthoderBorder-linksDiese abgekürzten CSS-Eigenschaften sind bequemer und ratsam zu verwenden.

Die nachstehende Tabelle enthält Anweisungen zur Verwendung und Versionsgeschichte dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

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

Border-links-Syntax der Verwendung von width

Die Syntax dieser Eigenschaft ist wie folgt:

Border-links-width: dünn | mittel | dick | Länge | inherit

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

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

Hinweis:Sie müssen in border-unten-width-Eigenschaft vor der ErklärungBorder-styleEigenschaft. Der Element muss jedoch eine Umrandung haben, bevor die Breite der Umrandung festgelegt werden kann, da derBorder-styleDer Standardwert der Eigenschaft ist none.

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
dünnDünne Umrandung.
mittelMittlere Umrandung.
dickDickere Umrandung.
lengthLängenwerte in Einheiten wie px, pt, cm, em usw., aber keine negativen Werte erlaubt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet das verknüpfte Element die border des übergeordneten Elements.-links-Wert der width-Eigenschaft.

Browserkompatibilität

Border-links-Kompatibilität der Browser für die width-Eigenschaft; die Zahlen in der Tabelle geben die niedrigste Versionsnummer der Browser an, 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+

Weiters Lesen

Siehe Tutorial:CSS Border,CSS3 Border.

zusammenhängende Eigenschaften:Border,Border-width,Border-links,Border-links-color,
Border-links-style.