CSS hypot() fonksiyonu

Tanımı ve kullanımı

CSS'nin hypot() Fonksiyon, parametrelerin karelerinin toplamının karekökünü döndürür.

Dönüş değeri, formül sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) ile hesaplanır.

hypot() Fonksiyon birimli değerleri kabul eder, ancak tüm değerlerin birimi aynı olmalıdır.

Örnek

Kullanım hypot() Element genişliğini ayarlayın:

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% */
}

Kişisel olarak deneyin

CSS grameri

hypot(x1, x2, x3, ...)
Değer Açıklama
x1, x2, x3, ... Gerekli. Bir veya daha fazla virgülle ayrılmış değerler.

Teknik ayrıntılar

Sürüm: CSS4

Tarayıcı desteği

Tablodeki rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

İlgili sayfa

Kaynakça:CSS acos() fonksiyonu

Kaynakça:CSS asin() fonksiyonu

Kaynakça:CSS atan2() fonksiyonu

Kaynakça:CSS calc() fonksiyonu

Kaynakça:CSS cos() fonksiyonu

Kaynakça:CSS exp() fonksiyonu

Kaynakça:CSS hypot() fonksiyonu

Kaynakça:CSS log() fonksiyonu

Kaynakça:CSS mod() fonksiyonu

Kaynakça:CSS pow() fonksiyonu

Kaynakça:CSS sin() fonksiyonu

Kaynakça:CSS sqrt() fonksiyonu

Kaynakça:CSS tan() fonksiyonu