آموزش ویژگی 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 را پشتیبانی نمیکنند.