CSS sqrt() fonksiyonu

Tanımı ve kullanımı

CSS'nin sqrt() fonksiyonu, sayının karekökünü döndürür.

örnek

içinde calc() fonksiyonunda sqrt() Üç <div> öğesinin genişliğini ve yüksekliğini ayarlamak için:

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

Kişisel deneyim

CSS语法

sqrt(x)

Teknik ayrıntılar

Tarayıcı desteği

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

İlgili sayfa

Kaynakça:CSS acos() fonksiyonu

Kaynakça:CSS asin() fonksiyonu

Kaynakça:CSS atan() 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 sin() fonksiyonu

Kaynakça:CSS tan() fonksiyonu