ویژگی CSS list-style-type

تعریف و استفاده

ویژگی list-style-type نوع علامت‌گذار آیتم‌های لیست را تنظیم می‌کند.

لطفاً به اینجا مراجعه کنید:

آموزش CSS:لیست CSS

دستورالعمل CSS:ویژگی CSS 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 اعداد با شروع از صفر علامت‌گذار هستند. (01, 02, 03، و غیره.)
lower-roman اعداد رومی کوچک (i, ii, iii, iv, v، و غیره.)
upper-roman اعداد رومی بزرگ (I, II, III, IV, V، و غیره.)
lower-alpha حروف انگلیسی کوچک علامت‌گذار lower-alpha (a, b, c, d, e، و غیره.) است.
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، E، و غیره.)
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