Webdesign, Tutorials und mehr - Webmasterpro.de

border-color: Rahmenfarbe

Über die Eigenschaft border-color kann einem Rahmen eine Farbe zugewiesen werden. Hierbei können 1-4 Farbwerte für die einzelnen Seiten angeben werden (siehe Tabelle unten). Sofern nicht extra definiert, übernimmt border-color den Wert der Eigenschaft color. Sie ist die Kurzschreibweise für alle seitenspezifischen Rahmenfarbeigenschaften, die im nächsten Absatz behandelt werden.

Speziellere Eigenschaften

Wie auch bei allen anderen Rahmeneigenschaften existieren auch bei border-color Eigenschaften für alle einzelnen Seiten, die in der folgenden Tabelle aufgelistet werden.

Diese Eigenschaften sollten nur eingesetzt werden, wenn eine einzelne Rahmenfarbe abweichen soll.

Werte

Anstelle von border-left/top/right/bottom-color ist es, wie in CSS üblich, auch bei der Rahmenfarbe möglich, mehrere Werte bei Kurzschreibweise border-color anzugeben um die einzelnen Rahmen anzupassen. Genaueres kann aus der folgenden Tabelle entnommen werden:

Im folgenden Beispiel wird dies noch einmal verdeutlicht.

Beispiel

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<style type="text/css">
    div {
        border:5px solid;
        margin:1em;
        color:#000;
    }
</style>
<div style="border-color:#009;">
    Ein blauer Rahmen
</div>
<div style="border-left-color:#009;">
    Hier wird nur die linke Seite blau eingefärbt, der Rest bleibt schwarz, weil color so definiert ist.
</div>
<div style="border-color:#000 #B00 #00B #0B0;">
    Viele bunte Rahmen
</div>

Weiterführende Links

• Rahmen

Kommentare: border-color: Rahmenfarbe