CSS အစီအစဉ်

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

CSS အစီအစဉ်

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

由于列表如此多样，这使得列表相当重要，所以说，CSS 中列表样式不太丰富确实是一大憾事。

列表类型

要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。

例如，在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中，标志可能是字母、数字或另外某种计数体系中的一个符号。

စာရင်း အမှတ် အမျိုးအစား ကို ပြောင်းလဲ ရန် အသုံးပြု ရန် အင်ဂျင်နီယာ list-style-type:

ul {list-style-type : square}

အဆိုပါ အချက် က အမြတ်ဆုံး စာရင်း တွင် အမှတ် အရာ ကို ပုံစံ ပုံစံ အဖြစ် အသုံးပြု ရန် အမှတ်သတ် ပါသည်

စာရင်း အစီအစဉ် အမှတ် အရာ

အချိန်ကျ အမှတ်သတ် အရာ အမျိုးမျိုး အမှတ်သတ် ရန် အလွယ်တကူ ဖြစ် ပါသည်။ အမှတ်သတ် အရာ အမျိုးမျိုး ကို အမှတ်သတ် ရန် list-style-image အရာ

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

url() အရာ တစ်ခု ကို အသုံးပြု ရန် အလွယ်တကူ ဖြစ် ပါသည်။ အမှတ်သတ် အရာ ကို အမှတ်သတ် ရန်

စာရင်း အမှတ် အရာ အခြေအနေ

CSS2.1 က အမှတ်သတ် အမှတ် သည် စာရင်း အစီအစဉ် အရာတွင် ဖြစ်ပါလား သို့မဟုတ် အစီအစဉ် အရာတွင် ဖြစ်ပါလား ကို တွေ့ရပါသည်။ အဆိုပါ အရာ ကို အသုံးပြု သည် list-style-position အပြီးသတ်

ပါဝင် စာရင်း အမျိုးအစား

အင်ဂျင်နီယာ အခြား အရာများ ကို ပေါင်းစပ် ရန် အတွက် အင်ဂျင်နီယာ အခြား အရာများ ကို ပေါင်းစပ် ရန် အတွက် အင်ဂျင်နီယာ အခြား အရာများ ကို ပေါင်းစပ် ရန် အတွက်list-styleအခြား သဘောတူ အရ

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

list-style အရာများ ကို မည်သည့် အမှီအမတ် အထိ ရှိ နိုင် ပြီး အရာများ ကို လျှောက်ချခြင်း မပြုရဘူး။ အခြား အရာများ ကို အမှီအမတ် တစ်ခု ကို ပြောဆိုခဲ့ လျှင် အခြား အရာများ ကို အချိန်မှာ အရည်အချင်း အရာ ကို ပြောဆိုသည်

CSS စာရင်း အမျိုးအစား

အမြတ်ဆုံး စာရင်းများ တွင် အမျိုးမျိုးသော စာရင်း အမှတ်သတ်
本例演示在CSS中不同类型的列表项标记。
အစည်းအဝေး စာရင်းများ တွင် အမျိုးမျိုးသော စာရင်းကြွင်း အမှတ်သတ်
本例演示在CSS中不同类型的列表项标记。
所有的列表样式类型
本例演示在CSS中所有不同类型的列表项标记。
将图像作为列表项标记
本例演示如何将图像作为列表项标记。
放置列表标记
本例演示在何处放置列表标记。
在一个声明中定义所有的列表属性
本例演示将所有针对列表的属性设置于一个简写属性。

CSS 列表属性(list)

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