ການເຮັດວຽກ sqrt() CSS

ການອະທິບາຍແລະການໃຊ້

CSS sqrt() ການເຮັດວຽກກັບຈຳນວນທີ່ກັບຄືນອັນ.

ບັນທຶກຫຼັກ

ໃນ calc() ການໃຊ້ໃນວຽກງານ sqrt() ທີ່ຈະຕັ້ງຕັດສິນລະດັບລະຫວ່າງວຽກສາຍສາຍ <div> 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

ຫົວຂໍ້ຂຶ້ນກັບ

ກ່ຽວກັບ:ການເຮັດວຽກ acos() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ asin() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ atan() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ atan2() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ calc() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ cos() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ exp() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ hypot() CSS

ກ່ຽວກັບ:ການເຮັດວຽກ log() CSS

ກ່ຽວກັບ:ຫົວຫຼືພາສາຂອງ CSS mod() 函数

ກ່ຽວກັບ:ຫົວຫຼືພາສາຂອງ CSS sin()

ກ່ຽວກັບ:ຫົວຫຼືພາສາຂອງ CSS tan()