ປະສົມຄວາມສະແດງຂອງຄຳສັບ CSS zoom
ການອະທິບາຍແລະການນໍາໃຊ້
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 |