این آموزش در تاریخ ۱۴۰۰/۱۱/۰۶ آپدیت شده است.
آموزش ویژگی 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 |
/* لیست نامرتب */ ul.a {list-style-type: circle;} ul.b {list-style-type: disc;} ul.c {list-style-type: square;} /* لیست مرتب */ ol.d {list-style-type: armenian;} ol.e {list-style-type: cjk-ideographic;} ol.f {list-style-type: decimal;} ol.g {list-style-type: decimal-leading-zero;} ol.h {list-style-type: georgian;} ol.i {list-style-type: hebrew;} ol.j {list-style-type: hiragana;} ol.k {list-style-type: hiragana-iroha;} ol.l {list-style-type: katakana;} ol.m {list-style-type: katakana-iroha;} ol.n {list-style-type: lower-alpha;} ol.o {list-style-type: lower-greek;} ol.p {list-style-type: lower-latin;} ol.q {list-style-type: lower-roman;} ol.r {list-style-type: upper-alpha;} ol.s {list-style-type: upper-greek;} ol.t {list-style-type: upper-latin;} ol.u {list-style-type: upper-roman;} ol.v {list-style-type: none;} |
Free-Learn
جدول مشخصات ویژگی list-style-type در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
| مقدار پیش فرض | disc |
|---|---|
| قابل ارث بری | دارد | اطلاعات بیشتر |
| قابل متحرک سازی | ندارد | اطلاعات بیشتر |
| نسخه | CSS1 |
| نحوه استفاده در جاوااسکریپت | object.style.listStyleType=”circle”; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی list-style-type در CSS پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| list-style-type | بله | بله | بله | بله | بله |
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
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد
