CSS sqrt() funktio

Määrittely ja käyttö

CSS:n sqrt() funktio palauttaa luvun neliöjuuren.

esimerkki

sivussa calc() toiminnassa sqrt() Aseta kolmen <div>-elementin leveys ja korkeus:

div.a {
  width: calc(50px * sqrt(16)); /* 200px */
  height: calc(50px * sqrt(9)); /* 150px */
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(20px * sqrt(16)); /* 80px */
  height: calc(20px * sqrt(9)); /* 60px */
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(60px * sqrt(16)); /* 240px */
  height: calc(60px * sqrt(9)); /* 180px */
  background-color: maroon;
}

Kokeile itse

CSS syntaksi

sqrt(x)

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä funktiota.

Liittyvät sivut

Viittaus:CSS acos() funktio

Viittaus:CSS asin() funktio

Viittaus:CSS atan() funktio

Viittaus:CSS atan2() funktio

Viittaus:CSS calc() funktio

Viittaus:CSS cos() funktio

Viittaus:CSS exp() funktio

Viittaus:CSS hypot() funktio

Viittaus:CSS log() funktio

Viittaus:CSS mod() funktio

Viittaus:CSS sin() funktio

Viittaus:CSS tan() funktio