CSS calc() funktion

Definering og brug

CSS' calc() Funktionen udfører en beregning og bruger resultatet som værdi for egenskaben.

Eksempel

Brug calc() Beregn <div>-elementets bredde:

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

Prøv det selv

CSS syntaks

calc(expression)
Værdi Beskrivelse
expression

Obligatorisk. En matematisk udtryk, hvis resultat bruges som værdi.

Man kan bruge følgende operatorer: +, -, *, /.

Tekniske detaljer

Version: CSS3

Browserunderstøttelse

Tabelens tal viser den første browserversion, der fuldt ud understøtter funktionen.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Relaterede sider

Reference:CSS acos() funktion

Reference:CSS asin() funktion

Reference:CSS atan() funktion

Reference:CSS atan2() funktion

Reference:CSS cos() funktion

Reference:CSS exp() funktion

Reference:CSS hypot() funktion

Reference:CSS log() funktion

Reference:CSS mod() funktion

Reference:CSS pow() funktion

Reference:CSS sin() funktion

Reference:CSS sqrt() funktion

Reference:CSS tan() funktion