CSS calc() funktion

Definition och användning

CSS calc() Funktionen utför beräkningen och använder resultatet som värde för egenskapen.

Exempel

Använd calc() Beräkna bredden på <div>-elementet:

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

Prova själv

CSS Syntax

calc(expression)
Värde Beskrivning
expression

Obligatorisk. En matematisk uttryck som används som värde.

Kan använda följande operatorer: +, -, *, /.

Tekniska detaljer

Version: CSS3

Webbläsarstöd

Tal i tabellen representerar den första versionen av webbläsaren som helt stöder denna funktion.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion

Referens:CSS sin() funktion

Referens:CSS sqrt() funktion

Referens:CSS tan() funktion