Sie befinden sich hier: » CSS Angaben » Rahmen & Konturen » border-width

Rahmenstärke :: border-width

.

<p style="border-width: thin; border-style: solid; border-color: #c87137;">
   Deiser Text hat einen dünnen Rahmen</p>
<p style="border-width: medium; border-style: solid; border-color: #c87137;">
   Dies ist der medium Rahmen, der gleichzeitig der Standardwert bei den Browsern ist.</p>
<p style="border-width: thick; border-style: solid; border-color: #c87137;">
   Und dieser Rahmen dagegen ist fett formatiert.</p>
<p style="border-width: 4px; border-style: solid; border-color: #c87137;">
   Dieser Rahmen hat eine Stärke von festen 4px</p>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

Deiser Text hat einen dünnen Rahmen

Dies ist der medium Rahmen, der gleichzeitig der Standardwert bei den Browsern ist.

Und dieser Rahmen dagegen ist fett formatiert.

Dieser Rahmen hat eine Stärke von festen 4px

border-width Definition

Startwert medium
Vererbar nein
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
Mehrfachangaben man kann gleich für jeden Seite eine eigene Stärke festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
  • Angabe von 1 Wert: gilt für alle 4 Seiten
  • Angabe von 2 Werten: 1. Wert gilt für oben und unten, 2. Wert gilt für rechts und links
  • Angabe von 3 Werten: 1. Wert gilt für oben, 2. Wert für rechts und links, 3.Wert für unten
  • Angabe von 4 Werten: die Werte gelten in Reihenfolge für oben, rechts, unten und links
Anmerkungen  

Browserunterstützung von border-width

  Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
  5+ 5+ 4+ 6+ 1+ 0.6+ 1+ 3.1+ 2+
thin, medium, thick J J F J J J J J J
absolute und relative Angaben J J F J J J J J J
letzte Änderung: 08.01.2010