CSS calc() Speeltuin
Test en experimenteer met CSS calc()-expressies in realtime. Bekijk resultaten, gebruik kant-en-klare voorbeelden. Gratis, 100% in je browser.
Voorbeelden
Voorbeeld
Referentie
Over CSS calc()
CSS calc() maakt het mogelijk wiskundige berekeningen uit te voeren in CSS-eigenschapswaarden. Je kunt verschillende eenheden combineren, zoals percentages met pixels.
Ondersteunde eenheden
px, rem, em, vh, vw, % — meest gebruikte eenheden. Deze kunnen worden gecombineerd in één expressie, bijv. calc(100% - 2rem).
Voorbeelden
calc(100% - 200px) — volledige breedte minus vaste marge. calc(50vh - 4rem) — halve vensterhoogte minus padding. calc(100vw / 3) — een derde van de schermbreedte.
Privacy
Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.