Hàm sqrt() CSS

Định nghĩa và cách sử dụng

CSS sqrt() hàm trả về giá trị căn bậc hai của số.

ví dụ

trong calc() sử dụng trong hàm sqrt() Để đặt chiều rộng và chiều cao của ba thẻ <div>:

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

Thử ngay

Ngữ pháp CSS

sqrt(x)
Giá trị Mô tả
x Bắt buộc. Số dương hoặc lớn hơn hoặc bằng 0.

Chi tiết kỹ thuật

Phiên bản: CSS4

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Trang liên quan

Tham khảo:Hàm acos() CSS

Tham khảo:Hàm asin() CSS

Tham khảo:Hàm atan() CSS

Tham khảo:Hàm atan2() CSS

Tham khảo:Hàm calc() CSS

Tham khảo:Hàm cos() CSS

Tham khảo:Hàm exp() CSS

Tham khảo:Hàm hypot() CSS

Tham khảo:Hàm log() CSS

Tham khảo:Hàm mod() CSS

Tham khảo:Hàm sin() CSS

Tham khảo:Hàm tan() CSS