CSS sqrt() funktion

Definition og brug

CSS sqrt() funktionen returnerer kvadratroden af et tal.

eksempel

i calc() bruges i sqrt() Brug dem til at indstille bredden og højden på tre <div>-elementer:

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;
}

Prøv det selv

CSS syntaks

sqrt(x)

Tekniske detaljer

Browserunderstøttelse

Tallene i tabellen viser den første browserversion, der fuldt ud understøtter funktionen.

Relaterede sider

Reference:CSS acos() funktion

Reference:CSS asin() funktion

Reference:CSS atan() funktion

Reference:CSS atan2() funktion

Reference:CSS calc() funktion

Reference:CSS cos() funktion

Reference:CSS exp() funktion

Reference:CSS hypot() funktion

Reference:CSS log() funktion

Reference:CSS mod() funktion

Reference:CSS sin() funktion

Reference:CSS tan() funktion