Der Rand lässt sich in CSS folgendermaßen verändern:

Border ? Rahmen mit CSS

Man kann die Farbe, den Stil und die Breite des Rands um ein Element in einer Zeile verändern. z.B:

border: 2px solid #808080;

2px steht hierbei für die Dicke in Pixeln, solid für die Art des Rahmens und #808080 für die Farbe. Man kann auch jeden Wert einzeln hinzufügen:

Border Color (Randfarbe)

Man kann die Farbe des Randes folgendermaßen verändern:

border-color: Wert;

Mögliche Werte

• color name (Farbenname)
• hexadecimal number (Hexadezimalwert)
• RGB color code (RGB Farbencode)
• transparent

Border Style (Randstil)

Man kann auch den Randstil einzeln verändern:

border-style: Wert;

Mögliche Werte

• dashed
• dotted
• double
• groove
• hidden
• inset
• none
• outset
• ridge
• solid

Border Width (Randdicke)

Die Randdicke lässt sich mit folgenden Befehlen verändern:

border-width: Wert;

Mögliche Werte

• Length
• Thin
• Medium
• Thick

Die vier Ränder Individuell abändern

Man kann den Rändern der vier Richtungen auch individuelle Eigenschaften verpassen in dem man einfach nach dem Begriff border eingibt ob man den oberen Rand (top), den linken Rand (left), den rechten Rand (right) oder den unteren Rand (bottom) verändern möchte. Zum Beispiel: border-left: 2px solid #808080;. Oder spezifischer: border-left-color: red;