ຟອນສີດການຕີກັນ

ການກໍານົດແລະການນໍາໃຊ້

CSS hypot() ການຮັບຄືນຈະມີຄວາມມູນຄ່າຕາມການການຕັ້ງຄວາມມູນຄ່າຂອງພວກຂອງຄຳຂັດແຍ່ງ.

ຄວາມມູນຄ່າຮັບຄືນຈະທົດລອງຈາກການທຳນາຍຄວາມມູນຄ່າ x1*x1 + x2*x2 + x3*x3 .... xn*xn.

hypot() ການຮັບຄວາມມູນຄ່າທີ່ມີຕົວເລື່ອງກັບອັນດັບສັດ, ແຕ່ຄວາມມູນຄ່າທັງໝົດຕ້ອງມີອັນດັບສັດດຽວ.

ບົດສະຫລຸບ

ນຳໃຊ້ hypot() ການການຕັ້ງຄວາມກວດສະຈາກຂອງຫົວໜ້າ

div.a {
  width: hypot(80px); /* 80px */
}
div.b {
  width: hypot(40px, 80px); /* 89,44px */
}
div.c {
  width: hypot(40px, 80px, 100px); /* 134,16 */
}
div.d {
  width: hypot(40px, 80px, 100px, 120px); /* 180 */
}
div.e {
  width: hypot(10%, 20%, 40%); /* 45,82% */
}

ທົດລອງຄິດຕະຫລອດ

ສານຈຸດປະສົງCSS

hypot(x1, x2, x3, ...)
ຄວາມມູນຄ່າ ການອະທິບາຍ
x1, x2, x3, ... ຕ້ອງການ. ຄັນຂອງຄຳຂັດແຍ່ງດ້ວຍຄຳຂັດແຍ່ງ.

ລາຍລະອຽດເຕັກນິກ

ບັນດາລາຍລະອຽດ CSS4

ການສະໜັບສະໜູນບັນດາບັນດາຊີບ

ຈຳນວນໃນຕາລະບັນຍາກວາງກັບຕົວເລື່ອງທີ່ພວກເຂົາສະໜັບສະໜູນພາສານີ້ທຳອິດ.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

ບັນດາໜ້າທີ່ກ່ຽວກັບ

参考:ຟອນສີດຈຸດສະເພາະ

参考:ຟອນສີດຈຸດສະເພາະ

参考:ຟອນສີດຈຸດສະຫລະ

参考:ຟອນສີດການການປະກາດ

参考:ຟອນສີດສະເພາະ

参考:ຟອນສີດຕາມສະຫລະ

参考:ຟອນສີດການຕີກັນ

参考:ຟອນສີດສະເພາະ

参考:ຟອນສີດຮອດຈຸດສະຫລະ

参考:ຟອນສີດອອກພື້ນມູນຄ່າຮູບແບບ

参考:CSS sin() 函数

参考:CSS sqrt() 函数

参考:CSS tan() 函数