خصوصیت list-style-type

چاپ

مثال (خصوصیت list-style-type)

تنظیم استایل های مختلف برای لیست:

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}
خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری را خواهید دید.


تعریف و کاربرد

با استفاده از خصوصیت list-style-type می توان نوع علامت عناصر یک لیست را مشخص کرد.

مقدار پیشفرض "disc" for <ul> and "decimal" for <ol>
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.listStyleType="square"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت list-style-type را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم چند پس زمینه برای یک عنصر را پشتیبانی نمی کند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
armenian

علامت به صورت اعداد ارمنی باستان نمایش داده می شود.

نمایش دادن »
circle

علامت به صورت دایره نمایش داده می شود.

نمایش دادن »
cjk-ideographic

علامت به صورت اعداد مجازی نمایش داده می شود.

نمایش دادن »
decimal

علامت عدد می باشد. برای لیست های مرتب، مقدار پیش فرض است

نمایش دادن »
decimal-leading-zero

علامت عددی است به همراه صفر در ابتدای آن. مانند 01, 02, 03

نمایش دادن »
disc

علامت به صورت دایره است. این مقدار پیش فرض است برای لیست های نامرتب (ul)

نمایش دادن »
georgian

علامت به صورت اعداد گرجستانی باستان می باشد.

نمایش دادن »
hebrew

علامت به صورت اعداد عبری باستان نمایش داده می شود.

نمایش دادن »
hiragana

علامت به صورت اعداد ژاپنی (هیراگانا) نمایش داده می شود.

نمایش دادن »
hiragana-iroha

علامت به صورت اعداد ژاپنی (ایروها) نمایش داده می شود.

نمایش دادن »
inherit

مقادیر خصوصیت list-style-type از عنصر والدش ارث بری می شود.

 
katakana علامت به صورت نشانه گذاری مربعی ژاپنی (کاتاکانا) نمایش داده می شود. نمایش دادن »
katakana-iroha

علامت به صورت عدد ژاپنی (کاتاکانا ایروها) نمایش داده می شود.

نمایش دادن »
lower-alpha

علامت به صورت حروف کوچک انگلیسی مانند a , b , ... نمایش داده می شود.

نمایش دادن »
lower-greek

علامت به صورت اعداد کوچک یونانی نمایش داده شود.

نمایش دادن »
lower-latin علامت به صورت اعداد لاتین کوچک نمایش داده می شود. (مانند a, b, ..) نمایش دادن »
lower-roman

علامت به صورت اعداد کوچک رومی نمایش داده می شود. (i, ii, iii, ...)

نمایش دادن »
none

هیچ علامتی نمایش داده نمی شود.

نمایش دادن »
square

علامت به صورت مربع نمایش داده می شود.

نمایش دادن »
upper-alpha

علامت به صورت حروف بزرگ نمایش داده می شود. (A, B, C,...)

نمایش دادن »
upper-latin

علامت به صورت حروف بزرگ لاتین نمایش داده می شود. (A, B, C...)

نمایش دادن »
upper-roman

علامت به صورت حروف یونانی بزرگ نمایش داده می شود. (I, II, III, IV و ...)

نمایش دادن »

مثالs

مثال - خودتان امتحان کنید

All the different list-item markers in lists

این مثال علامت های مختلف را برای لیست نشان می دهد.


بیاموزهای مرتبط

list-style (مرجع خصوصیت های CSS)

Styling Lists (بیاموز CSS)