Style columnCount attribute

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

columnCount ປະກາດຄວາມຈຳນວນສະນັບຫົວໜ້າທີ່ຕ້ອງຈະຖືກແບ່ງແຍກ.

ບໍ່ດັ່ງນັ້ນ, ບັນຊີ:

ການສອນ CSS3:ການປ່ຽນຕົວອອກ CSS

ປະກາດການ CSS:ປະສົມອັດຕະພາບ column-count

ຕົວຢ່າງ

ຈະແບ່ງແຍກຂໍ້ຄວາມຂອງສະນັບຫົວໜ້າ div ສະນັບສາມສະນາກ:

document.getElementById("myDIV").style.columnCount = 3;

ທ້າທາຍຄືນສະບາຍ

ວິທິການ

ຄຳຕອບຮັບ columnCount:

object.style.columnCount

ການຕັ້ງຂໍ້ມູນ columnCount:

object.style.columnCount = "number|auto|initial|inherit"

ຄູ່ມືສະນັບຫົວໜ້າ

ຄູ່ມື ການອະທິບາຍ
number ຈຳນວນສະນັບຫົວໜ້າທີ່ຈະຖືກແບ່ງແຍກຄືນສະນັບຫົວໜ້າທີ່ບໍ່ມີການແບ່ງແຍກຫຼາຍກວ່າ.
auto ຄວາມສົບທອດສະຫຼາກ. ຈະຖືກກຳນົດໂດຍປະສົມອັດຕະພາບອື່ນໆ, ເຊັ່ນ "column-width".
initial ຈະຕັດສິນຄືນຄືນກັບຄວາມສົບທອດສະຫຼາກຂອງປະຈຳສະນັບຫົວໜ້າ. ບັນຊີ: initial
inherit ຈະລວມຄືນຄືນກັບຄວາມສົບທອດສະຫຼາກຂອງປະຈຳສະນັບຫົວໜ້າ. ບັນຊີ: inherit

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມືສົບທອດ: auto
ຄຳຕອບຮັບ: ຄວາມສັບຈົບຫົວໜ້າສະນັບເປົ້າວ່າສະນັບຫົວໜ້າສະນັບຫົວໜ້າສະນັບຫົວໜ້າສະນັບຫົວໜ້າ ປະສົມອັດຕະພາບ column-count
CSS ສະບັບຫົວໜ້າ: CSS3

ການສະໜັບສະໜຸນບັນດາບຸກຄົນ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0