In CSS bestaat er niet direct een concept genaamd ‘dekking’, maar er is wel een concept bekend als ‘doorzichtigheid’ of ‘opacity’. Dit kan worden gebruikt om dekking van een element in te stellen. Dit is op een schaal van 0.0 – 1.0, waarbij 0.0 betekent volledig transparant en 1.0 volledig ondoorzichtig.
Hier is een eenvoudig voorbeeld van het gebruik van opacity in CSS:
```
div {
background-color: red;
opacity: 0.5;
}
```
In dit voorbeeld heeft een ‘div’-element een achtergrondkleur van rood en een dekking van 50%.
Het is belangrijk om te vermelden dat deze eigenschap van invloed is op het element en al zijn inhoud. Dus als u de dekking van een ‘div’ verandert, worden ook de tekst en afbeeldingen binnen die ‘div’ aangepast.
Bovendien, als u de dekking van de achtergrondkleur van een element wilt veranderen, maar niet de inhoud van het element wilt beïnvloeden, kunt u de achtergrondkleur instellen met een ‘rgba’-waarde, zoals dit:
```
div {
background-color: rgba(255, 0, 0, 0.5);
/* wordt gelezen als rood met 50% dekking */
}
```
In dit voorbeeld wordt het ‘rgba’-formaat gebruikt om een kleur te definiëren. De eerste drie waarden zijn respectievelijk voor rood, groen en blauw (op een schaal van 0-255). De vierde waarde is de dekking of ‘alpha’-waarde (op een schaal van 0.0-1.0).
