Funzione sqrt() CSS

Definizione e uso

La funzione sqrt() di CSS sqrt() La funzione restituisce la radice quadrata di un numero.

esempio

all'interno calc() usata nella funzione sqrt() Imposta la larghezza e l'altezza di tre elementi <div>:

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 da solo

Sintassi CSS

sqrt(x)

Dettagli tecnici

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione per la prima volta.

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() CSS

Riferimento:Funzione atan() CSS

Riferimento:Funzione atan2() CSS

Riferimento:Funzione calc() CSS

Riferimento:Funzione cos() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione CSS mod()

Riferimento:Funzione CSS sin()

Riferimento:Funzione CSS tan()