kwal muhimmanci list-style-type

定义和用法

list-style-type 属性设置列表项标记的类型。

另请参阅:

CSS 教程:CSS 列表

CSS 参考手册:kwal muhimmanci list-style

HTML DOM 参考手册:listStyleType 属性

实例

设置不同的列表样式:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

亲自试一试

(在页面底部可以找到更多实例)

CSS 语法

list-style-type: value;

属性值

CSS2 的值:

描述
none 无标记。
disc 默认。标记是实心圆。
circle 标记是空心圆。
square 标记是实心方块。
decimal 标记是数字。
decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha The marker is lower-alpha (a, b, c, d, e, etc.)
upper-alpha حروف الإنجليزية الكبيرة The marker is upper-alpha (A، B، C، D، E، إلخ.)
lower-greek حروف اليونانية الصغيرة (alpha، beta، gamma، إلخ.)
lower-latin حروف اللاتينية الصغيرة (a, b, c، d، e، إلخ.)
upper-latin حروف اللاتينية الكبيرة (A, B, C, D، إلخ.)
hebrew طريقة الترقيم العبرية التقليدية
armenian طريقة الترقيم الأرمنية التقليدية
georgian طريقة الترقيم الجورجية التقليدية (an, ban, gan، إلخ.)
cjk-ideographic الأرقام التعبيرية البسيطة
hiragana العلامات هي: a, i, u, e, o, ka, ki، إلخ. (اليابانية الكاراكتير البسيط)
katakana العلامات هي: A, I, U, E, O, KA, KI، إلخ. (اليابانية الكاراكتير البسيط)
hiragana-iroha العلامات هي: i, ro, ha, ni, ho, he, to، إلخ. (اليابانية الكاراكتير البسيط)
katakana-iroha العلامات هي: I, RO, HA, NI, HO, HE, TO، إلخ. (اليابانية الكاراكتير البسيط)

قيمة CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

تفاصيل التقنية

القيمة الافتراضية: disc
التنقل: نعم
الإصدار: CSS1
جافا سكربت النص: object.style.listStyleType="square"

مزيد من الأمثلة

علامات العناصر المختلفة في القائمة غير المعدة
هذا المثال يوضح جميع أنواع علامات العناصر في قائمة CSS.
علامات العناصر المختلفة في القائمة المعدة
هذا المثال يوضح جميع أنواع علامات العناصر في قائمة CSS.
جميع أنواع أنواع القوائم
هذا المثال يوضح جميع أنواع علامات العناصر في قائمة CSS.

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية.

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