سی ایس ایل فهرست
- پائیدھ واپس سی ایس ایل فونت
- پائیدھ پرس سی ایس ایل فریم ورک معرفی
CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。
سی ایس ایل فهرست
从某种意义上讲，不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱、参观菜单，甚至你的所有朋友都可以表示为一个列表或者是列表的列表。
由于列表如此多样，这使得列表相当重要，所以说，CSS 中列表样式不太丰富确实是一大憾事。
列表类型
要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。
例如，在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中，标志可能是字母、数字或另外某种计数体系中的一个符号。
要修改用于列表项的标志类型，可以使用属性 لیسٹ استایل تایپ：
ul {list-style-type : square}
上面的声明把无序列表中的列表项标志设置为方块。
列表项图像
有时，常规的标志是不够的。你可能想对各标志使用一个图像，这可以利用 لیسٹ استایل تصویر 属性做到：
ul li {list-style-image : url(xxx.gif)}
只需要简单地使用一个 url() 值，就可以使用图像作为标志。
列表标志位置
CSS2.1 可以确定标志出现在列表项内容之外还是内容内部。这是利用 لیسٹ استایل موقعیت 完成的。
简写列表样式
为简单起见，可以将以上 3 个列表样式属性合并为一个方便的属性：لیسٹ استایل، کیسے سے یہ:
li {list-style : url(example.gif) square inside}
list-style کا مطلب کسی بھی ترتیب میں درج کیا جاسکتا ہے، اور یہ مطلب جو بھی چاہیئے ان کا فراموش نہ کریں گا۔ اگر یہ مطلب کسی سے فراہم کیا جائے تو دیگر ان کی اصل کی دفعات میں داخل کی جائیں گی。
CSS فهرست مثال:
- غیر منظم فهرست میں مختلف اقسام کی فهرست گزاره کی نشانی
- اس مثال میں، سی ایس ایل میں مختلف نوعیت کی لیسٹ آئٹم نمائش کا معرفی کیا گیا ہے۔
- 有序列 فهرست میں مختلف اقسام کی فهرست گزاره کی نشانی
- اس مثال میں، سی ایس ایل میں مختلف نوعیت کی لیسٹ آئٹم نمائش کا معرفی کیا گیا ہے۔
- تمام لیست استایل نوعیت
- اس مثال میں، سی ایس ایل میں مختلف نوعیت کی لیسٹ آئٹم نمائش کا معرفی کیا گیا ہے۔
- تصویر کو لیسٹ آئٹم نمائش کی نشانات کے طور پر استعمال کرنا
- اس مثال میں، تصویر کو لیسٹ آئٹم نمائش کی نشانات کے طور پر استعمال کیا گیا ہے۔
- لیسٹ نمائش کی نشانات کی جگہ کو نشان دینا
- اس مثال میں، لیسٹ نمائش کی نشانات کی جگہ کو دکھایا گیا ہے۔
- تمام لیست ویژگیوں کو ایک بیان میں سیٹ کرنا
- اس مثال میں، تمام لیسٹ کی ویژگیوں کو ایک کمپکت ویژگی میں سیٹ کیا گیا ہے۔
سی ایس ایل لیست ویژگی (لیسٹ)
| ویژگی | توضیح |
|---|---|
| لیسٹ استایل | کمپکت ویژگی |
| لیسٹ استایل تصویر | لیسٹ آئٹم نمائش کی تصویر کو سیٹ کرنا۔ |
| لیسٹ استایل موقعیت | لیسٹ میں لیسٹ آئٹم نمائش کی موقعیت کو سیٹ کرنا۔ |
| لیسٹ استایل تایپ | لیسٹ آئٹم نمائش کی نوعیت کو سیٹ کرنا۔ |
| مارکر افست |
- پائیدھ واپس سی ایس ایل فونت
- پائیدھ پرس سی ایس ایل فریم ورک معرفی
