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

Konturfarbe :: outline-color

.

<p style="outline-color: #00f; outline-style: solid;">
   Dieser Text hat einen blauen Kontur</p>
<p style="outline-color: green; outline-style: solid;">
   Und dieser Text dagegen hat einen grünen Kontur</p>
<p style="outline-color: #f00 #f33 #f66 #f99; outline-style: solid;">
   Der Kontur um diesen Text hat 4 verschiedene Farben, welche in der Reihenfolge
   oben, recht, unten, links angegeben sind</p>
<p style="outline-color: transparent; outline-style: solid; outline-width: 10px;">
   Ich habe einen transparenten Kontur, welche trotzdem nicht den Platz
   von 10px reserviert</p>
<p style="outline-color: invert; outline-style: solid;">
   Meine Kontur ist immer sichtbar, da sie eine invertierte Farbe zum Hintergrund besitzt</p>

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

Dieser Text hat einen blauen Kontur

Und dieser Text dagegen hat einen grünen Kontur

Ich habe einen transparenten Kontur, welche trotzdem nicht den Platz von 10px reserviert

Meine Kontur ist immer sichtbar, da sie eine invertierte Farbe zum Hintergrund besitzt

outline-color Definition

Startwert invert
Vererbar nein
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
  • invert
  • eine Farbangabe
  • transparent - der Platz für den Kontur wird trotzdem reserviert
  • inherit
Anmerkungen  

Browserunterstützung von outline-color

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