border-color: Rahmenfarbe

0 | 22180 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "border-color: Rahmenfarbe" mit Ihrem Wissen!

Anzeige Hier werben

border-color

Werte: Farbwerte
Standardwert: Wert von color
Vererbung: nein
Kurzschreibweise: border
Anwendbar auf: Alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Ü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.

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
border-color

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.

Eigenschaft
Bedeutung
border-left-color
Setzt nur die Rahmenfarbe für die linke Seite
border-top-color
Setzt nur die Rahmenfarbe für die obere Seite
border-right-color
Setzt nur die Rahmenfarbe für die rechte Seite
border-bottom-color
Setzt nur die Rahmenfarbe für die untere Seite

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:

Schreibweise
Erläuterung
border-color: #000;
1 Wert - Gleicher Wert für alle Seiten
border-color: #000 #F00;
2 Werte - 1. Wert gilt für oben & unten, 2. für links & rechts
border-color: #000 #F00 #00F;
3 Werte - 1. gilt für oben, 2. für links & rechts, 3. für unten
border-color: #000 #F00 #00F #0F0;
4 Werte - 1. gilt für oben, 2. für rechts, 3. für unten, 4. für links

Im folgenden Beispiel wird dies noch einmal verdeutlicht.

Beispiel

Rahmenfarbe border-color  
HTML
 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>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "border-color: Rahmenfarbe" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "border-color: Rahmenfarbe" hier bearbeiten.

Mitarbeiter