ປະເພດ CSS column-rule-width

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

column-rule-width 属性ກຳນົດວັດທະນາຄານການແຍກວົງກອງລະຫວ່າງວົງກອງ.

ບໍ່ມີຫຼັກການຕິດຕາມອີກ:

ການສອນ CSS3:CSS3 ການຈັດສັນປະຕູບ

ການປະກອບກັບ HTML DOM:ຄູ່ມູນມອງ columnRuleWidth

ຫຼັກການ

ກຳນົດວັດທະນາຄານສີຂອງວົງກອງລະຫວ່າງວົງກອງ:

div {
  column-rule-width: 10px;
}

ທ້າທາຍຕື່ມອີກ

ມີຫຼັກການຕິດຕາມອີກຢູ່ດ້ານຕາເວັນຫລັງຂອງບາງ.

ສັບສຳນັກງານ CSS:

column-rule-width: thin|medium|thick|length;

ຄູ່ມູນມອງອັນຕະລາງ

ຄູ່ມູນມອງ ການອະທິບາຍ ການທົດລອງ
ກຳນົດວັດທະນາຄານການແຍກອາກາດທີ່ຫນັງ. thin ການທົດລອງ
medium ກຳນົດວັດທະນາຄານຂອງການແຍກອາກາດທີ່ຫລາຍ. ການທົດລອງ
thick ກຳນົດວັດທະນາຄານການແຍກອາກາດ. ການທົດລອງ
length ກຳນົດວັດທະນາຄານຂອງການແຍກອາກາດ. ການທົດລອງ

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

ຄູ່ມູນມອງ: medium
ຄວາມສົ່ງຕໍ່: no
ລະດັບ: CSS3
ສັບສຳນັກງານ JavaScript: object.style.columnRuleWidth="thin"

ຫຼັກການຕິດຕາມອີກ

Column-count
ແຍກຕົວຂໍ້ຄວາມໃນປ້ອງ div ສຳລັບສາມວົງກອງ.
Column-gap
ແຍກຕົວຂໍ້ຄວາມໃນປ້ອງ div ສຳລັບສາມວົງກອງແລະຈຳນວນຂອງອາກາດລະຫວ່າງວົງກອງ 30 ມັນຕອນ.
Column-rule
ກຳນົດວັດທະນາຄານລະຫວ່າງວົງກອງ.

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

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

ຈຳນວນຕົວເລກທີ່ມີ -webkit- ຫຼື -moz- ແມ່ນສະແດງວ່າເບິ່ງຂອງຫົວຫນັງຄັ້ງທໍາອິດທີ່ໃຊ້ພາສາເປັນກໍາເວັນ.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1