Fungsi sqrt() CSS
- Halaman sebelumnya Fungsi skewY() CSS
- Halaman berikutnya Fungsi steps() CSS
- Kembali ke tingkat atas Panduan Fungsi 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; }
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
- Halaman sebelumnya Fungsi skewY() CSS
- Halaman berikutnya Fungsi steps() CSS
- Kembali ke tingkat atas Panduan Fungsi CSS