ປະເພດ CSS list-style
- ການໄປກັບໄປກ່ອນ line-height
- ຕໍ່ມາ list-style-image
ການສະແດງວ່າການຈັດການ ແລະການນໍາໃຊ້
ປະສັບພາສາ list-style ທີ່ຈະກໍານົດປະສົງພາສາທັງໝົດໃນການກໍານົດຄຳສັ່ງດຽວ.
ການອະທິບາຍ
ປະສັບພາສາທີ່ຈະກວມຕົວກັນປະສົງພາສາທີ່ຕ້ອງການທັງໝົດ. ຍ້ອນວ່າມັນຕົກລົງປະກອບອົງກອນທີ່ມີ display ຂອງ list-item, ມັນສາມາດນຳໃຊ້ໃນ li ພຽງແຕ່ໃນ HTML ແລະ XHTML, ແຕ່ຍັງຈະສາມາດນຳໃຊ້ໃນເຫຼົ່ານັ້ນ, ແລະຮັບປະກັນໂດຍປະກອງ list-item.
ສາມາດຈັດການຄູ່ມົນມຸນອີກດັ່ງກ່າວ:
ສາມາດບໍ່ຈັດການຄູ່ມົນມຸນໃດໜຶ່ງຂອງພວກມັນ, ບໍ່ວ່າ "list-style:circle inside;" ກໍ່ຈະອະນຸຍາດ. ຄູ່ມົນມຸນທີ່ບໍ່ຈັດການຈະນໍາໃຊ້ຄູ່ມົນມຸນມາດການປະກອບອົງກອນ.
ອີງຕາມ:
ການສະແດງ CSS:ຜະສັງວິທະຍາສາດ CSS
ການປຶກສາ HTML DOM:ປະສັບ listStyle
ກໍານົດ
ການຈັດການຮູບພາບເພື່ອຢ່າງລາຍການໃນລາຍການ:
ul
{
list-style:square inside url('/i/arrow.gif');
}
ສັບພາສາ CSS:
list-style: list-style-type list-style-position list-style-image|initial|inherit;
ຄູ່ມົນມຸນຂອງປະສັບພາສາ
| ຈຳນວນທີ່ສາມາດມີ. | ການອະທິບາຍ |
|---|---|
| list-style-type | ການຈັດການທີ່ຕັ້ງຢູ່ຂອງຢ່າງລາຍການ. ເບິ່ງ:list-style-type ຈຳນວນທີ່ສາມາດມີ. |
| list-style-position | ການຈັດການທີ່ຕັ້ງຢູ່ຂອງຢ່າງລາຍການ. ເບິ່ງ:list-style-position ຈຳນວນທີ່ສາມາດມີ. |
| list-style-image | ການນຳໃຊ້ຮູບພາບເພື່ອປ່ຽນຕົວຢ່າງຂອງລາຍການ. ເບິ່ງ:list-style-image ຈຳນວນທີ່ສາມາດມີ. |
| inherit | ການສະແດງວ່າການກໍານົດຄູ່ມົນມຸນ list-style ຂອງປະກອບອົງກອນພົນລະເຮືອນ. |
ລາຍລະອຽດດ້ານເຕັກນິກ
| ຄູ່ມົນມຸນທົ່ວໄປ: | disc outside none |
|---|---|
| ການຮັບປະກັນ: | yes |
| ຮູບແບບ: | CSS1 |
| ສັບພາສາ JavaScript: | object.style.listStyle="decimal inside" |
ການສະແດງວ່າຫຼາຍຫຼັກການສະແດງ
- ການສະແດງກັບການຈັດການປະສົງພາສາທີ່ຕ້ອງການສຳລັບລາຍການ
- ການສະແດງວ່າການຈັດການປະສົງພາສາທີ່ຕ້ອງການສຳລັບລາຍການ.
ການສະໜັບສະໜູນຂອງບັນຊີບັນນາທິການ
ຈຳນວນຂອງຕາຕະລາງໃນຕາກາດສະແດງອະທິບາຍວ່າການສະໜັບສະໜູນການນຳໃຊ້ຂອງເຄື່ອງບັນທືກທໍາອິດທີ່ສະໜັບສະໜູນປະສັບພາສານັ້ນ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- ການໄປກັບໄປກ່ອນ line-height
- ຕໍ່ມາ list-style-image
