آموزش ویژگی list-style-type در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی list-style-type در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی list-style-type در CSS
با استفاده از ویژگی list-style-type در CSS میتوان نوع / Type یا شکل شمایل علامت گذاری آیتم های یک لیست مرتب ( OL ) یا نامرتب ( UL ) را مشخص و یا تعریف کرد.
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی list-style-type را در زبان CSS مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<style> ul.f1 { list-style-type: circle; } ul.f2 { list-style-type: square; } ol.f3 { list-style-type: upper-roman; } ol.f4 { list-style-type: lower-alpha; } ol.f5 { list-style-type: katakana; } ol.f6 { list-style-type: lower-greek; } </style> |
Free-Learn
جدول مشخصات ویژگی list-style-type در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
| مقدار پیش فرض | disc |
|---|---|
| قابل ارث بری | دارد | اطلاعات بیشتر |
| قابل متحرک سازی | ندارد | اطلاعات بیشتر |
| نسخه | CSS1 |
| نحوه استفاده در جاوااسکریپت | object.style.listStyleType=”circle”; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی list-style-type در CSS پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| list-style-type | ۱٫۰ | ۱٫۰ | ۳٫۵ | ۱٫۰ | ۴٫۰ |
مرورگرهای اینترنت اکسپلورر /Edge و Opera از نسخه ۱۲ به پایین مقادیر cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana و katakana-iroha را پشتیبانی نمیکنند.
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.
|
1 |
list-style-type: یکی از مقادیر موجود در جدول مقادیر; |
Free-Learn
جدول مقادیر ویژگی list-style-type در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| disc | پیش فرض – دایره توپُر |
| armenian | حروف اَرمنی |
| circle | دایره توخالی |
| cjk-ideographic | حروف نمایشی ساده ایدئولوژیک |
| decimal | استفاده از اعداد ( ۰,۱,۲ ) |
| decimal-leading-zero | استفاده از اعداد با پیشوند ۰ ( ۰۱,۰۲,۰۳ ) |
| georgian | استفاده از اعداد گرجستانی |
| hebrew | استفاده از اعداد سنتی عبری |
| hiragana | شماره گذاری ژاپنی |
| hiragana-iroha | شماره گذاری ژاپنی |
| katakana | شماره گذاری ژاپنی |
| katakana-iroha | شماره گذاری ژاپنی |
| lower-greek | حروف یونانی کوچک |
| lower-latin | حروف انگلیسی کوچک ( a, b, c ) |
| lower-roman | حروف رومانی کوچک ( i, ii, iii, iv ) |
| none | علامت گذاری آیتم ها هیچ شکل شمایلی ندارد |
| square | مربع توپُر |
| upper-greek | حروف یونانی بزرگ |
| upper-latin | حروف انگلیسی بزرگ ( A, B, C ) |
| upper-roman | حروف رومانی بزرگ ( I, II, III, IV ) |
| initial | استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر |
| inherit | استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر |
Free-Learn
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد فقط همانطور که اشاره کردم ، مرورگرهای IE / Edge و Opera از نسخه ۱۲ به پایین مقادیر cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana و katakana-iroha را پشتیبانی نمیکنند.
