ປະເພດ CSS list-style-position

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

listStylePosition 属性ກຳນົດທີ່ຈະຕັ້ງຕິດຕັບບັນດີໂລເບີຂອງລາຍການ.

ອະທິບາຍ

ບັນດາບາດີໂລເບີນັ້ນຂອງບັນດີໂລເບີສະແດງວ່າບັນດີໂລເບີຈະຕັ້ງຕິດຕັບຕາມການຕັ້ງຕິດຕັບຂອງລາຍການ. ບັນດີໂລເບີການຕັ້ງຢູ່ທາງນອກຂອງບັນດີໂລເບີຫຼັງຈາກບາດີໂລເບີບັນດາບາດີໂລເບີນັ້ນ. ຄວາມຫ່າງລະຫວ່າງບັນດີໂລເບີຫຼັງຈາກບັນດີໂລເບີບັນດາບາດີໂລເບີນັ້ນບໍ່ໄດ້ກຳນົດໃນ CSS.

ອີກຄູ່ມົງ:

ຄູ່ມົງການສອນ:ປະກອບຂໍ້ຄວາມ CSS 列表

ຄູ່ມົງ CSS:ປະເພດ CSS list-style

ຄູ່ມົງ HTML DOM:listStylePosition 属性

ກໍລະນີ

ກຳນົດທີ່ຈະຕັ້ງຕິດຕັບບັນດີໂລເບີຂອງລາຍການ:

ul
  {
  list-style-position:inside;
  }

ການທົດລອງດີຕະມະດາ

ສັບພາສາ CSS

list-style-position: inside|outside|initial|inherit;

ຄູ່ມົງຄວາມຂອງບັນດາບາດີໂລເບີ

ຄູ່ມົງ ອະທິບາຍ
inside ບັນດີໂລເບີຂອງລາຍການຕັ້ງຢູ່ທາງໃນຂອງຂໍ້ຄວາມ ແລະ ຂໍ້ຄວາມບໍ່ຈະຕັ້ງຕິດຕັບຕາມບັນດີໂລເບີ.
outside ຄູ່ມົງຄວາມ. ກັບຕິດຕັບບັນດີໂລເບີຢູ່ທາງຊ້າຍຂອງຂໍ້ຄວາມ. ບັນດີໂລເບີຂອງລາຍການຕັ້ງຢູ່ທາງນອກຂອງຂໍ້ຄວາມ ແລະ ຂໍ້ຄວາມບໍ່ຈະຕັ້ງຕິດຕັບຕາມບັນດີໂລເບີ.
inherit ກຳນົດວ່າຄວາມພິຈາລະນາຂອງ list-style-position ຄວນຖືກສະແດງຈາກປະກອບປະກອງພາຍໃນ.

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

ຄູ່ມົງຄວາມ: outside
ການສະໜັບສະໜູນ: yes
ສະຖານະ: CSS1
ສັບພາສາ JavaScript: object.style.listStylePosition="inside"

ຫຼາຍກໍລະນີອີກ

ການຕັ້ງຕິດຕັບບັນດີໂລເບີ
ການສະແດງທີ່ຈະຕັ້ງຕິດຕັບບັນດີໂລເບີຂອງລາຍການ.

ການສະໜັບສະໜູນບັນດີໂລເບີ

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5