CSS calc() funktio

Määrittely ja käyttö

CSS:n calc() Funktio suorittaa laskennan ja käyttää tulosta ominaisuuden arvona.

Esimerkki

Käytä calc() Laske <div> elementin leveys:

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

Kokeile itse

CSS syntaksi

calc(expression)
Arvo Kuvaus
expression

Välttämätön. Matemaattinen lauseke, jonka tuloksenä käytetään arvona.

Voit käyttää seuraavia laskutoimituksia: +, -, *, /.

Tekninen tarkistus

Versio: CSS3

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimen versioon, joka täysin tukee tätä funktiota.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Liittyvät sivut

Viittaus:CSS acos() funktio

Viittaus:CSS asin() funktio

Viittaus:CSS atan() funktio

Viittaus:CSS atan2() funktio

Viittaus:CSS cos() funktio

Viittaus:CSS exp() funktio

Viittaus:CSS hypot() funktio

Viittaus:CSS log() funktio

Viittaus:CSS mod() funktio

Viittaus:CSS pow() funktio

Viittaus:CSS sin() funktio

Viittaus:CSS sqrt() funktio

Viittaus:CSS tan() funktio