Funzione hypot() CSS

Definizione e uso

CSS hypot() La funzione restituisce la radice quadrata della somma dei quadrati dei parametri.

Il valore di ritorno è calcolato con la formula sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn).

hypot() La funzione accetta valori numerici con unità, ma tutte le unità devono essere le stesse.

Esempio

Usare hypot() Impostare la larghezza dell'elemento:

div.a {
  width: hypot(80px); /* 80px */
}
div.b {
  width: hypot(40px, 80px); /* 89,44px */
}
div.c {
  width: hypot(40px, 80px, 100px); /* 134,16 */
}
div.d {
  width: hypot(40px, 80px, 100px, 120px); /* 180 */
}
div.e {
  width: hypot(10%, 20%, 40%); /* 45,82% */
}

Prova tu stesso

Sintassi CSS

hypot(x1, x2, x3, ...)
Valore Descrizione
x1, x2, x3, ... Obbligatorio. Un o più valori separati da virgola.

Dettagli tecnici

Versione: CSS4

Supporto del browser

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

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() 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 mod() CSS

Riferimento:Funzione pow() CSS

Riferimento:Funzione CSS sin()

Riferimento:Funzione CSS sqrt()

Riferimento:Funzione CSS tan()