Fungsi sqrt() CSS

Definisi dan penggunaan

Fungsi sqrt() CSS sqrt() fungsi mengembalikan akar kuadrat dari bilangan.

contoh

pada calc() digunakan dalam fungsi sqrt() Atur lebar dan tinggi tiga elemen <div> ini：

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

Coba sendiri

Sintaksis CSS

sqrt(x)
Nilai Deskripsi
x Diperlukan. Angka yang lebih besar atau sama dengan 0.

Detil teknis

Versi： CSS4

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini penuh.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Halaman yang berhubungan

Referensi:Fungsi acos() CSS

Referensi:Fungsi asin() CSS

Referensi:Fungsi atan() CSS

Referensi:Fungsi atan2() CSS

Referensi:Fungsi calc() CSS

Referensi:Fungsi cos() CSS

Referensi:Fungsi exp() CSS

Referensi:Fungsi hypot() CSS

Referensi:Fungsi log() CSS

Referensi:Fungsi mod() CSS

Referensi:Fungsi sin() CSS

Referensi:Fungsi tan() CSS