ວິກິດ calc()

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

CSS calc() ວິກິດຂອງ CSS ທີ່ການການຄວາມສະຫລາດຈະຖືກໃຊ້ງານວ່າຄູ່ມູນວິກິດ.

ຄວາມລະອຽດ

ນຳໃຊ້ calc() ການຄວາມກວມຂອງ <div> ສະຖານະ:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

ທ້າທາຍທັນອິດ

ກົດລະບຽບ CSS

calc(expression)
ຄູ່ມູນ ອະທິບາຍ
expression

ສຳຄັນ

ສາມາດໃຊ້ບັນດາສັນຍາການທີ່ພົບພິຈາລະນາດ້ານການການຄວາມສະຫລາດ: +, -, *, /.

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

ບັນດາສະຖານະ CSS3

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

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

Chrome Edge Firefox Safari Opera
26 9 16 7 15

ບັນດາຫົວຂໍ້ທີ່ກ່ຽວຂ້ອງ

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS acos()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS asin()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS atan()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS atan2()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS cos()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS exp()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS hypot()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS log()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS mod()

ກ່ຽວກັບຫົວຂໍ້ຫົວວິກິດຂອງ CSS pow()

ກ່ຽວກັບຕົວອາວຸດ sin()

ກ່ຽວກັບຕົວອາວຸດ sqrt()

ກ່ຽວກັບຕົວອາວຸດ tan()