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

CSS reference manual

CSS @rules

CSS attributes大全

CSS border-width 属性的使用方法和示例

border-width CSS属性用于设置单独的边框宽度属性,是一个速记属性,是border-top-widthborder-right-widthborder-bottom-widthborder-left-width的简写属性。

下表展示了此属性的用法说明、版本历史记录,以及该属性在javascript脚本中的使用语法。

默认值:mittel
适用范围:所有元素
继承:Alle Elemente
Vererbung:NeinAnimierbar: Ja.
Bitte参见CSS 1,2,3
AnimationsattributeVersion:JavaScript-Syntax:

border-object

.style.borderWidth="dünn dick"

border-width-Syntax 1 Die Syntax dieser Eigenschaft ist wie folgt: 4 width: [ dünn | mittel | dick | length ]

zu

  • values | inheritdieses Abkürzungszeichen kann Werte in einer, zwei, drei oder vier durch Leerzeichen getrennten Werten verwenden.wenn angegeben

  • drei Werteein Wertwird auf alle Kanten angewendet.

  • drei Wertezwei Wertewenn angegeben, wird der erste Wert für die obere und untere Kante verwendet, und der zweite Wert für die rechte und linke Kante.

  • drei Wertewenn angegeben, wird der erste Wert für die obere Kante verwendet, der zweite Wert für die rechte und linke Kante, und der dritte Wert für die untere Kante.vier Werte

wenn jede dieser Werte auf die Kante angewendet wird, dann wird jeder Wert in der Reihenfolge oben, rechts, unten und links auf die Kante angewendet.-Die folgenden Beispiele zeigen, wie man border

  Beispiel
   border-p {
   border-style: solide; 5width:
  px;
}/Testen Sie heraus‹

border-styleHinweis:-bottom-Die width-Eigenschaft muss vor der Deklaration der width-Eigenschaft vorhanden sein, da dasborder-styleDer Standardwert der Eigenschaft ist none.

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
dünndünner Rahmen.
mittelmittlerer Rahmen.
dickdicker Rahmen.
length

Längenwerte in px, pt, cm, em und anderen Einheiten, nicht negativ zulassen.

inheritWenn angegeben, wird das verknüpfte Element die border des Elternelements verwenden-width-Werte der Eigenschaft.

Browserkompatibilität

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

Browserkompatibilität–

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+)

  • Opera 4+

Weiterlesen

Siehe Anleitung:CSS BorderCSS3 Border

zusammenhängende Eigenschaften:borderborder-styleborder-colorborder-top-widthborder-right-widthborder-bottom-widthborder-left-width