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

Rahmenfarbe :: border-color

.

<p style="border-color: #00f; border-style: solid;">
   Dieser Text hat einen blauen Rahmen</p>
<p style="border-color: green; border-style: solid;">
   Und dieser Text dagegen hat einen grünen Rahmen</p>
<p style="border-color: #f00 #f33 #f66 #f99; border-style: solid;">
   Der Rahmen um diesen Text hat 4 verschiedene Farben, welche in der Reihenfolge
   oben, recht, unten, links angegeben sind</p>
<p style="border-color: transparent; border-style: solid; border-width: 10px;">
   Ich habe einen transparenten Rahmen, welcher trotzdem der vorgesehenen Platz
   von 10px reserviert</p>

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

Dieser Text hat einen blauen Rahmen

Und dieser Text dagegen hat einen grünen Rahmen

Der Rahmen um diesen Text hat 4 verschiedene Farben, welche in der Reihenfolge oben, recht, unten, links angegeben sind

Ich habe einen transparenten Rahmen, welcher trotzdem der vorgesehenen Platz von 10px reserviert

border-color Definition

Startwert je nach Browser
Vererbar nein
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
  • eine Farbangabe
  • transparent - der Platz für den Rahmen wird trotzdem reserviert
  • inherit
Mehrfachangaben man kann gleich für jeden Seite eine eigene Farbe festlegen, dazu werden bis zu 4 Farbangaben 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-color

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