ສາຍວຽກຄູ່ມວຍບັນຊີ

CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。

ສາຍວຽກຄູ່ມວຍບັນຊີ

从某种意义上讲，不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱、参观菜单，甚至你的所有朋友都可以表示为一个列表或者是列表的列表。

ຍ້ອນວ່າລາຍການຫຼາຍຫຼາຍຫຼາຍນັ້ນມັນເປັນສິ່ງທີ່ສຳຄັນຫຼາຍຫຼາຍ ດັ່ງນັ້ນ CSS ບໍ່ມີຮູບແບບລາຍການຫຼາຍຫຼາຍນັ້ນເປັນຄວາມທາງຍາກຫຼາຍຫຼາຍ.

ຮູບແບບລາຍການ

ຫຼັກການປ່ຽນຄູ່ມູນສັນຍາລະບຸລາຍການ ແມ່ນປະຕິບັດຕາມຄູ່ມູນສັນຍາລະບຸສັນຍາລະບຸ.

ຕົວຢ່າງ: ໃນລາຍການບໍ່ມີລະບຸ ສັນຍາລະບຸລາຍການ (marker) ຈະປະກົດຂຶ້ນທາງທຳນາຍຂອງລາຍການ. ໃນລາຍການມີລະບຸ ສັນຍາລະບຸຈະຈະເປັນອີກຄຳສັນຍາລະບຸຫຼືຄຳສັນຍາລະບຸຄັນປະຈຳການສັນຍາລະບຸ.

ເພື່ອປ່ຽນຄູ່ມູນສັນຍາລະບຸສັນຍາລະບຸລາຍການ ສາມາດໃຊ້ຄູ່ມູນ: 设置列表中列表项标志的位置。:

ul {list-style-type : square}

ຄຳສັບປະກາດທີ່ຂື້ນຂອງລາຍການບໍ່ມີລະບຸທີ່ຈະປະກອບກັນສັນຍາລະບຸຂອງລາຍການ.

ພາບສັນຍາລະບຸລາຍການ

ບາງຄັ້ງ ສັນຍາລະບຸທຳມະດາບໍ່ພຽງພໍ. ທ່ານອາດຢາກໃຊ້ພາບສັນຍາລະບຸບັນດາຢ່າງນັ້ນ ເຊິ່ງສາມາດໃຊ້ 简写属性。用于把所有用于列表的属性设置于一个声明中。 ຄວາມມີຢູ່ຂອງປະສາດດັ່ງກ່າວ:

ul li {list-style-image : url(xxx.gif)}

ພຽງແຕ່ການໃຊ້ຄູ່ມູນ url() ໜຶ່ງ ສາມາດໃຊ້ພາບຕາມສັນຍາລະບຸ.

ການປະກັບສັນຍາລະບຸລາຍການ

CSS2.1 ສາມາດກຳນົດວ່າສັນຍາລະບຸຈະປະກົດຂຶ້ນຈາກພາຍນອກລາຍການລະບຸຫຼືພາຍໃນລາຍການລະບຸ. ນີ້ແມ່ນຈາກ 将图象设置为列表项标志。 ສຳເລັດ.

ຄູ່ມູນລະບຸລາຍການຊິວັດ

ເພື່ອຫຼຸດການຜິດພາດ ສາມາດປະກອບກັນສາມພາກສາຍລະບຸລາຍການທີ່ສະດວກໄດ້ເປັນປະສານທີ່ສະດວກຫຼາຍກວ່າ:描述ຄືດັ່ງກ່າວ:

li {list-style : url(example.gif) square inside}

ຄູ່ມູນຂອງ list-style ສາມາດບັນທຶກໃນລະບົບໄດ້ຫຼາຍໆລະບົບ ແລະ ທຸກຄູ່ມູນນັ້ນສາມາດຖືກທຳລາຍໄດ້. ບໍ່ວ່າມີຄູ່ມູນໜຶ່ງຫຼັງຈາກມີຄູ່ມູນໜຶ່ງນັ້ນ ຄູ່ມູນອື່ນຈະອອກມາເປັນຄູ່ມູນສະຖິນຕົວ.

ຄວາມນິຍົມ CSS ລາຍການ

ການມີສັນຍາລະບຸຂອງບັນດາຢ່າງລະບຸຂອງລາຍການບໍ່ມີລະບຸ
本例演示在CSS中不同类型的列表项标记。
ການມີສັນຍາລະບຸຂອງບັນດາຢ່າງລະບຸຂອງລາຍການລະບຸ
本例演示在CSS中不同类型的列表项标记。
本例演示在CSS中不同类型的列表项标记。
所有的列表样式类型
本例演示在CSS中所有不同类型的列表项标记。
将图像作为列表项标记
本例演示如何将图像作为列表项标记。
放置列表标记
本例演示在何处放置列表标记。
在一个声明中定义所有的列表属性

本例演示将所有针对列表的属性设置于一个简写属性。

CSS 列表属性(list) 属性
描述 list-style
简写属性。用于把所有用于列表的属性设置于一个声明中。 list-style-image
将图象设置为列表项标志。 list-style-position
设置列表中列表项标志的位置。 list-style-type
设置列表项标志的类型。