border-width

Übersicht

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

• Standardwert: medium
• Anwendbar auf: Alle Elemente
• Vererbbar: Nein
• Prozentwerte: Nein
• Medium: visuell
• berechneter Wert: absolute Länge; 0 wenn none oder hidden festgelegt wurde

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

Spezifikation

• CSS 3 Background and Borders #border-width
• CSS 2.1 Box #border-width

Siehe auch

• border
• border-bottom-width, border-left-width, border-right-width, border-top-width