CSS sqrt() ฟังก์ชัน

การประกาศและการใช้งาน

CSS ฟังก์ชัน sqrt() ฟังก์ชันกลับค่าเป็นรากที่สองของตัวเลข。

ตัวอย่าง

ใน calc() ใช้ในฟังก์ชัน sqrt() จัดตั้งความกว้างและความสูงของอิเล็กทรอนิกส์ 3 อัน

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

ทดลองด้วยตัวเอง

CSS ศัพท์

sqrt(x)
ค่า รายละเอียด
x จำเป็น ตัวเลขที่ใหญ่กว่าหรือเท่ากับ 0。

รายละเอียดเทคนิค

เวอร์ชั่น： CSS4

การสนับสนุนบราวเซอร์

ตัวเลขในตารางแสดงเวอร์ชั่นบราวเซอร์ที่สนับสนุนฟังก์ชันนี้เต็มตัวแรก。

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

หน้าที่เกี่ยวข้อง

อ้างอิง:CSS acos() ฟังก์ชัน

อ้างอิง:CSS asin() ฟังก์ชัน

อ้างอิง:CSS atan() ฟังก์ชัน

อ้างอิง:CSS atan2() ฟังก์ชัน

อ้างอิง:CSS calc() ฟังก์ชัน

อ้างอิง:CSS cos() ฟังก์ชัน

อ้างอิง:CSS exp() ฟังก์ชัน

อ้างอิง:CSS hypot() ฟังก์ชัน

อ้างอิง:CSS log() ฟังก์ชัน

อ้างอิง:ฟังก์ชัน CSS mod()

อ้างอิง:ฟังก์ชัน CSS sin()

อ้างอิง:ฟังก์ชัน CSS tan()