--- title: border-width slug: Web/CSS/border-width tags: - CSS - CSS Referenz translation_of: Web/CSS/border-width ---

{{ CSSRef() }}

Übersicht

Die border-width Eigenschaft legt die Breite des oberen, rechten, unteren und linken Rahmens fest.

Syntax

border-width:  [<Länge> | thin | medium | thick] {1,4} | inherit

Werte

<Länge>
Eine Längenangabe die, die Rahmenstärke explizit angibt. Es sind keine negativen Werte erlaubt.
thin
Eine dünne Rahmenlinie (1px; IE 4-7: 2px).
medium
Standardwert. Eine mitteldicke Rahmenlinie (3px; IE 4-7: 4px).
thick
Eine dicke Rahmenlinie (5px; IE 4-7: 6px).
inherit
Der Wert des Elternelements wird geerbt.
Ein Wert
Gilt für alle vier Seiten: border-top-width, border-right-width, border-bottom-width und border-left-width.
Zwei Werte
Der erste Wert gilt für border-top-width und border-bottom-width, der zweite Wert für border-right-width und border-left-width.
Drei Werte
Der erste Wert gilt für border-top-width, der zweite Wert für border-right-width und border-left-width und der dritte Wert für border-bottom-width.
Vier Werte
Der erste Wert gilt für border-top-width, der zweite Wert für border-right-width, der dritte Wert für border-bottom-width und der vierte Wert für border-left-width.

Beispiele

.beispielEins {
  border: solid #ccc;
  border-width: 3px;
}

.beispielZwei {
  border: solid #ccc;
  border-width: thin thick;
}

.beispielDrei {
  border: solid #ccc;
  border-width: thin thick 10px;
}

.beispielVier {
  border: solid #ccc;
  border-width: thin thick 10px 2em;
}

Browser Kompatibilität

Browser ab Version
Internet Explorer 4.0
Firefox (Gecko) 1.0 (1.0)
Opera 3.5
Safari (WebKit) 1.0 (85)

Spezifikation

Siehe auch

{{ languages( { "en": "en/CSS/border-width", "fr": "fr/CSS/border-width", "ja": "ja/CSS/border-width", "pl": "pl/CSS/border-width", "es": "es/CSS/border-width" } ) }}