ປະສົມຄວາມສະແດງຂອງຄຳສັບ CSS zoom

  • ຫົວຫຼືບໍລິເວນກ່ອນ z-index
  • ຫົວຫຼືບໍລິເວນຕໍ່ໄປ ຄູ່ມື CSS

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

zoom ລັກສະນະຂອງສິ່ງຕັ້ງຈະຖືກຂະໜາດຂື້ນຫຼືຫຼຸດລົງ. ສິ່ງຕັ້ງຈະຖືກຂະໜາດຂື້ນຫຼືຫຼຸດລົງ.

ຄວາມນິຍົມ

ຕົວຢ່າງ 1

ນຳໃຊ້ຕໍ່ຂໍ້ຄວາມ zoom ລັກ:

p.a {
  zoom: normal;
}
p.b {
  zoom: 150%;
}
p.c {
  zoom: 0.6;
}

ທົດລອງດີເທີງຕົວເອງ

ຕົວຢ່າງ 2

ນຳໃຊ້ zoom ການດັດແກ້ຂະໜາດສິ່ງຕັ້ງ:

div {
  border-radius: 100%;
  background: #73AD21;
  padding: 20px;
  width: 80px;
  height: 80px;
}
div.a {
  zoom: normal;
}
div.b {
  zoom: 150%;
}
div.c {
  zoom: 0.6;
}

ທົດລອງດີເທີງຕົວເອງ

ສັບພາສາ CSS

zoom: normal|%|number|unset|initial|inherit;

ຄຳນວນຂອງລັກ

ຄຳນວນ ອະທິບາຍ
normal ຄູ່ມົງຄອງສະຖິນ. ສະຖິນມີການຈັດສະພາບທີ່ປົກກະຕິ.
%

ການຕັດສິນຄັດຂະໜາດຫຼິ້ນໃຫ້ເປັນພາສາບານ%.

100% = ຄືນ.

ສຳລັບການຂະໜາດ, ນຳໃຊ້ຄຳນວນທີ່ຫຼາຍກວ່າ 100%.

ສຳລັບການກຸມຂະໜາດ, ນຳໃຊ້ຄຳນວນທີ່ຊົງກວ່າ 100%.

number

ການຕັດສິນຄັດຂະໜາດຫຼິ້ນໃຫ້ເປັນຕົວເລກ (ພາສາບານ%).

1.0 = ຄືນ.

ສຳລັບການຂະໜາດຂະໜາດ, ນຳໃຊ້ຄຳນວນທີ່ຫຼາຍກວ່າ 1.0.

ສຳລັບການກຸມຂະໜາດ, ນຳໃຊ້ຄຳນວນທີ່ຊົງກວ່າ 1.0.

unset ຍົກການຕັດສິນຄັງຂະໜາດຫຼິ້ນ (ກັບຄືນເປັນຄືນ).
initial ການຕັດສິນຄັງບັນດາລັກສະນະນັ້ນໃຫ້ເປັນຄູ່ມົງຄອງສະຖິນ. ເບິ່ງ: initial.
inherit ການຕໍ່ຕ້ານຈາກປະຈຳປະຈຳພັນທະມິດ. ເບິ່ງ: inherit.

ລະບົບບັນດາບັນທັດ

ຄູ່ມົງຄອງສະຖິນ: normal
ການຕໍ່ຕ້ານ: ບໍ່
ການສ້າງອິນລະນິກ: ສະໜັບສະໜູນ. ບັນດາຫຼັກຕາມລາຍການ:ບັນດາລັກສະນະທາງອິນລະນິກ.
ລະບົບຫຼັກ: CSS Viewport Module Level 1
ສັບພາສາ JavaScript: object.style.zoom = "3"

ການສະໜັບສະໜູນບັນດາຄົນຕີນອາວຸດ

ໃນຕາຕະລາງວັດສະດຸນນັ້ນມີຈຳນວນອີກຄັນທີ່ສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນຈະມີລຸກຮູບທີ່ສະໜັບສະໜູນຢ່າງເຕັມຈຳນວນຄັນທີ່ສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນ.

Chrome Edge Firefox Safari Opera
1 12 126 3.1 15.0
  • ຫົວຫຼືບໍລິເວນກ່ອນ z-index
  • ຫົວຫຼືບໍລິເວນຕໍ່ໄປ ຄູ່ມື CSS