CSS calc() functie

definitie en gebruik

CSS calc() De functie voert een berekening uit en gebruikt het resultaat als waarde voor de eigenschap.

voorbeeld

Gebruik calc() Bereken de breedte van het <div>-element:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

Probeer het zelf

CSS syntaxis

calc(expression)
waarde beschrijving
expression

verplicht. Een wiskundige expressie die als waarde wordt gebruikt.

U kunt de volgende operatoren gebruiken: +, -, *, /.

technische details

versie: CSS3

browserondersteuning

De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

gerelateerde pagina

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS atan2() functie

Referentie:CSS cos() functie

Referentie:CSS exp() functie

Referentie:CSS hypot() functie

Referentie:CSS log() functie

Referentie:CSS mod() functie

Referentie:CSS pow() functie

Referentie:CSS sin() functie

Referentie:CSS sqrt() functie

Referentie:CSS tan() functie