ປະກອບທຳມະດາ CSS column-rule-style

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

column-rule-style ກຳນົດການວຽກງານບັນດາສາຍລາຍລະບຽບ.

ອ່າງວິທີຕ່າງໆ:

ການສອນ CSS3:ສາຍສິນລະບົບ CSS3

ປືກສາ HTML DOM:ທີ່ປະສົງ columnRuleStyle

ຕົວຢ່າງ

ກຳນົດສີການບັນດາສາຍລາຍ:

div {
  column-rule-style: dotted;
}

ທົດລອງເອງ

ມີຕົວຢ່າງອື່ນໆຫຼາຍໃນຮູບແບບຕໍ່າສູນ.

ສັບພາສາ CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

ຈຳນວນທາງວັດທະນະບູລະບາຍ

ຈຳນວນມູນ ການອະທິບາຍ ການທົດລອງ
none ກຳນົດການວຽກງານທີ່ບໍ່ມີສີບັນ. ການທົດລອງ
hidden ກຳນົດການວຽກງານທີ່ມີສີທີ່ຫຼີກຫຼັງ. ການທົດລອງ
dotted ກຳນົດການວຽກງານທີ່ມີສີທີ່ມີບັນຕາບັນ. ການທົດລອງ
dashed ກຳນົດການວຽກງານທີ່ມີສີທີ່ລົງກວນ. ການທົດລອງ
solid ກຳນົດການວຽກງານທີ່ມີສີທີ່ບົງ. ການທົດລອງ
double ກຳນົດການວຽກງານທີ່ມີສີສອງສັນ. ການທົດລອງ
groove ກຳນົດການວຽກງານ 3D grooved. ຜົນກະທົບນັ້ນອີງຕາມວັດທະນະບູລະບາຍ ແລະ ຄຸນສົມບູນ. ການທົດລອງ
ridge ກຳນົດການວຽກງານ 3D ridged. ຜົນກະທົບນັ້ນອີງຕາມວັດທະນະບູລະບາຍ ແລະ ຄຸນສົມບູນ. ການທົດລອງ
inset ກຳນົດການວຽກງານ 3D inset. ຜົນກະທົບນັ້ນອີງຕາມວັດທະນະບູລະບາຍ ແລະ ຄຸນສົມບູນ. ການທົດລອງ
outset ກຳນົດການວຽກງານ 3D outset. ຜົນກະທົບນັ້ນອີງຕາມວັດທະນະບູລະບາຍ ແລະ ຄຸນສົມບູນ. ການທົດລອງ

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

ຄວາມຜົນສະເລ່ຍ: none
ຄວາມອາຍຸນະພາບ: no
ສະຖິຕິການ: CSS3
ສັບພາສາ JavaScript: object.style.columnRuleStyle="dotted"

ຕົວຢ່າງອື່ນໆ

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