Border
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;