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

Konturstärke :: outline-width

.

<p style="outline-width: thin; outline-style: solid; outline-color: #c87137;">
   Deiser Text hat einen dünnen Kontur</p>
<p style="outline-width: medium; outline-style: solid; outline-color: #c87137;">
   Dies ist der medium Kontur, der gleichzeitig der Standardwert bei den Browsern ist.</p>
<p style="outline-width: thick; outline-style: solid; outline-color: #c87137;">
   Und dieser Kontur dagegen ist fett formatiert.</p>
<p style="outline-width: 4px; outline-style: solid; outline-color: #c87137;">
   Dieser Kontur 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 Kontur


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


Und dieser Kontur dagegen ist fett formatiert.


Dieser Kontur hat eine Stärke von festen 4px

outline-width Definition

Startwert medium
Vererbar nein
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
  • Längenangaben
  • thin
  • medium
  • thick
  • inherit
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 outline-width

  Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
  5+ 5+ 4+ 1+ 0.6+ 1+ 3.1+ 2
                 
                 
letzte Änderung: 08.01.2010