---
title: "CSS variabelen | Bart Sallé"
description: "Ontdek hoe je eenvoudig CSS-variabelen gebruikt zonder Sass of Less. Leer variabelen declareren en toepassen in je stylesheet."
url: https://www.bartsalle.nl/blog/css-variabelen/
language: nl
---

[Home](https://www.bartsalle.nl/)/[Blog](https://www.bartsalle.nl/blog/)/CSS variabelen
CSS

# CSS variabelen

14 juni 2020 CSS

![CSS variabelen](https://www.bartsalle.nl/beheer/storage/uploads/2026/09/17/css_uid_6aabe1f6be513.jpeg)

Je hebt geen css framework als Sass of Less nodig om met variabelen te werken. Je declareert bovenaan je stylesheet de variabelen als volgt:

```
:root {
  --darkblue: #2D4B73;
  --lightblue: #3F6CA6;
}
```

En dan in kun je verderop in je stylesheet de variabelen aanroepen. Dat gaat als volgt:

```
body {
  color: var(--darkblue);
}
```

[Vraag advies over dit onderwerp](https://www.bartsalle.nl/contact/#form)

### Vraag over dit artikel?

Loop je ergens tegenaan of wil je hulp bij iets vergelijkbaars?

[Neem contact op](https://www.bartsalle.nl/contact/#form)

### Categorieën

- [CSS](https://www.bartsalle.nl/blog/?categorie=css)

Meer lezen

## Gerelateerde artikelen

Algemeen

### Ik wil web developer worden maar welke opleiding of cursus kan ik dan het beste volgen?

25 september 2022 Lees meer

[Ik wil web developer worden maar welke opleiding of cursus kan ik dan het beste volgen?](https://www.bartsalle.nl/blog/ik-wil-web-developer-worden-maar-welke-opleiding-of-cursus-kan-ik-dan-het-beste-volgen/)

CSS

### Sticky elementen zonder javascript

29 januari 2022 Lees meer

[Sticky elementen zonder javascript](https://www.bartsalle.nl/blog/sticky-elementen-zonder-javascript/)

CSS

### Responsive kolomvolgorde aanpassen in Bootstrap 4

15 juni 2020 Lees meer

[Responsive kolomvolgorde aanpassen in Bootstrap 4](https://www.bartsalle.nl/blog/responsive-kolomvolgorde-aanpassen-in-bootstrap-4/)