In CSS können Sie Rahmen um Elemente mit der Eigenschaft “border” erstellen. Es gibt verschiedene Arten, mit denen Sie den Rahmen konfigurieren können.
1. Einen Rahmen um ein Element anwenden:
```css
p {
border: 1px solid black;
}
```
In diesem Beispiel erhält jedes `
` Element einen schwarzen Rahmen von 1 Pixel Dicke.
Die ‘border’-Eigenschaft ist eine Kurzschreibweise für ‘border-width’, ‘border-style’ und ‘border-color’. Sie können auch diese Eigenschaften einzeln definieren, wenn Sie möchten:
```css
p {
border-width: 1px;
border-style: solid;
border-color: black;
}
```
2. Rahmen-Stil:
Der ‘border-style’-Wert kann folgende Werte annehmen: ‘none’, ‘hidden’, ‘dotted’, ‘dashed’, ‘solid’, ‘double’, ‘groove’, ‘ridge’, ‘inset’, ‘outset’.
```css
p {
border-style: dashed;
}
```
3. Rahmen-Farbe:
```css
p {
border-color: red;
}
```
4. Rahmen-Breite:
```css
p {
border-width: 5px;
}
```
5. Sie können auch individuelle Ränder für jede Seite des Elements festlegen:
```css
p {
border-top: 2px dashed red;
border-right: 2px solid blue;
border-bottom: 2px dotted green;
border-left: 2px solid black;
}
```
In diesem Beispiel hat die obere Grenze einen gestrichelten roten Rahmen, die rechte Seite einen soliden blauen Rahmen, die untere Grenze einen gepunkteten grünen Rahmen und die linke Seite einen soliden schwarzen Rahmen.
