آموزش طراحی سایت (HTML CSS Javascript) | آتریا

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

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

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

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

All the different list-item markers in lists

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

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

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

Styling Lists (بیاموز CSS)

: نوشته شده توسط امیر پهلوان صادق; بازدید: 8160

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی