CSS sqrt() funktion

Definition och användning

CSS sqrt() funktionen returnerar kvadratroten av ett tal.

exempel

i calc() används i sqrt() Ange bredden och höjden för tre <div>-element:

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

Prova själv

CSS syntax

sqrt(x)

Tekniska detaljer

Webbläsarstöd

Talen i tabellen representerar den första versionen av webbläsaren som fullständigt stöder denna funktion.

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS sin() funktion

Referens:CSS tan() funktion