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

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

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: SJW, Michael2402, fscholz, Yuichiro
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden