Border

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;
Kostenlos
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-
Beliebte Kurse
Spring Boot Webentwicklung - RESTful APIs entwickeln!
Lerne Spring Boot und erstelle RESTful APIs Das beliebteste Java...
29,99€
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
29,99€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos