Stil mit {stil}

Jan 2009

border – Stile für die Gestaltung des Rahmens

Für die einfachen Rahmen, die CSS den HTML-Elementen spendiert, können Farben als Hexwert, als RGB-Tripel, durch Farbnamen oder der Wert transparent für einen nicht sichtbaren Rahmen angegeben werden.

border-color ist die Kurzschrift für alle vier Seiten eines Rahmens.

{1,4} border-color kann eine, zwei, drei oder vier Farben angeben:

• Wird eine Farbe angeben, werden alle vier Rahmenseiten in dieser Farbe dargestellt.
• Sind zwei Farben angeben, werden die obere und untere Rahmenseite mit der ersten Angabe und die rechte und linke Rahmenseite mit der zweiten Farbe dargestellt.
• Sind drei Farben angeben, wird die obere Rahmenseite mit der ersten, die rechte und linke Rahmenseite mit der zweiten und die untere Rahmenseite mit der dritten Farbe dargestellt.
• Sind vier Farben angeben, ist die Reihenfolge top, right, bottom, left.

<div style="border-color: thistle  plum  violet orchid">
                              ^      ^      ^      ^
                              |      |      |      +-- border-left-color
                              |      |      +-- border-bottom-color
                              |      +-- border-right-color
                              +-- border-top-color

border-color

IE4 M1 N6 O5+ S1 CSS1 Erblich: Nein

border-color

steuert die Farbe des Rahmens an allen vier Seiten.

Werte

color {1,4} | transparent

border-top-color | border-right-color | border-bottom-color | left-color

IE4 M1 N6 O5+ S1 CSS2 Erblich: Nein

border-top-color

Farbe des oberen Rahmens.

border-right-color

Farbe des rechten Rahmens.

border-bottom-color

Farbe des unteren Rahmens.

border-left-color

Farbe des linken Rahmens.

Werte

color | transparent

color

kann das Schlüsselwort für eine Farbe sein (red), die sechsstellige Hexadezimalzahl (#FFFFFF) oder ein Tripel aus drei RGB-Werten (255,255,255).

transparent

setzt den Rahmen auf »nicht sichtbar«. Der Rahmen besitzt zwar noch eine Breite, wird aber nicht gezeichnet.

zurück zum Seitenanfang