In CSS kunt u een rand toepassen op een element met de eigenschap “border”. Deze eigenschap heeft drie componenten:
1. Border-width: Hiermee kunt u de breedte van de rand instellen. Het kan een specifieke waarde hebben (bijv. “5px”) of je kunt een van de volgende algemene waarden gebruiken: “thin”, “medium” of “thick”.
1. Border-style: Dit bepaalt de stijl van de rand. Er zijn verschillende opties, zoals “solid”, “dotted”, “dashed”, “double”, “groove”, enz.
1. Border-color: Met deze optie kunt u de kleur van de rand instellen. Dit kan elke geldige kleurwaarde zijn (bijvoorbeeld “red”, “blue”, “#FF0000”, “#0000FF”, enz.)
Hier is een voorbeeld van hoe u een rand kunt toepassen op een element in CSS:
```
div {
border-width: 2px;
border-style: solid;
border-color: red;
}
```
U kunt ook alle waarden tegelijk instellen met één enkele eigenschap. Zo wordt hetzelfde effect als in het bovenstaande voorbeeld bereikt met slechts één regel:
```
div {
border: 2px solid red;
}
```
