Fungsi sqrt() CSS

Definisi dan penggunaan

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

contoh

pada calc() digunakan dalam fungsi sqrt() Tetapkan 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

Syarat CSS

sqrt(x)
Nilai Penerangan
x Diperlukan. Bilangan yang lebih besar atau sama dengan 0.

Perincian teknikal

Versi: CSS4

Pendukung pelayar

Nombor dalam tabel menunjukkan versi penuh penerimaan fungsi ini oleh pereka pelayar.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Halaman berkaitan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() CSS

Rujukan:Fungsi atan() CSS

Rujukan:Fungsi atan2() CSS

Rujukan:Fungsi calc() CSS

Rujukan:Fungsi cos() CSS

Rujukan:Fungsi exp() CSS

Rujukan:Fungsi hypot() CSS

Rujukan:Fungsi log() CSS

Rujukan:Fungsi mod() CSS

Rujukan:Fungsi sin() CSS

Rujukan:Fungsi tan() CSS