آذر 24, 1398

    نمایش تمام نشانه های لیست در CSS ویژه

    By فروردين 09, 1392 2801 اضافه کردن دیدگاه جدید

    در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

    css-list-inf

    نمایش تمام نشانه های لیست در CSS
    در مثال زیر می توانید تمام نشانه هایی که در لیست ها استفاده می شود را مشاهده کنید . 

     

     



    <html>
    <head>
    <style type='text/css'>
    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-latin;}
    ol.t {list-style-type:upper-roman;}
    ol.u {list-style-type:none;}
    ol.v {list-style-type:inherit;}
    ----------------------------
    </style>
    </head>
    <body>
    <ul class='a'>
    <li>Circle type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    ----------------------------
    <ul class='b'>
    <li>Disc type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    ----------------------------
    <ul class='c'>
    <li>Square type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    ----------------------------
    <ol class='d'>
    <li>Armenian type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='e'>
    <li>Cjk-ideographic type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='f'>
    <li>Decimal type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='g'>
    <li>Decimal-leading-zero type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='h'>
    <li>Georgian type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='i'>
    <li>Hebrew type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='j'>
    <li>Hiragana type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='k'>
    <li>Hiragana-iroha type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='l'>
    <li>Katakana type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='m'>
    <li>Katakana-iroha type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='n'>
    <li>Lower-alpha type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='o'>
    <li>Lower-greek type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='p'>
    <li>Lower-latin type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='q'>
    <li>Lower-roman type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='r'>
    <li>Upper-alpha type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='s'>
    <li>Upper-latin type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='t'>
    <li>Upper-roman type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='u'>
    <li>None type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    ----------------------------
    <ol class='v'>
    <li>inherit type</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>
    </body>
    </html>

     مشاهده دمو

    رای دادن به این مورد
    (0 رای)
    آخرین بروز رسانی چهارشنبه, 13 خرداد 1394 20:51

    نوشتن دیدگاه

    تصویر امنیتی
    تصویر امنیتی جدید

    آخرین مطالب آموزشی

    «
    • 1
    • 2
    • 3
    »

    گالری پست

    چطور می توانید متوجه شوید که در اندروید چه برنامه ای را بیش از همه استفاده می کنید ؟

    چطور می توانید وضعیت فعالیت خود را در اینستاگرام پنهان کنید

    موس Trackball چیست و چرا شما نیاز به موس Trackball دارید ؟

    ارسال فکس از طریق تلفن همراه

    چطور داریور کارت گرافیک خود را برای بهتر شدن عملکرد در بازی بروز رسانی کنیم

    چطور فایل های خراب در ویندوز را درست کنیم

    تماس از طریق WiFi calling و روش فعال کردن آن در گوشیهای اندروید

    چگونه پسورد آنلاین قوی بسازیم که به سختی هک شود ؟

    قبل از فعال کردن تایید دو مرحله ای این مقاله را بخوانید

    © 2018 Your Company. All Rights Reserved. Designed By Tripples

    Please publish modules in offcanvas position.

    تک وب دیزاین-قالب فارسی جوملا