خصوصیت 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"

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

    

تمام مرورگرهای اصلی، خصوصیت 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 و ...)