• 0

ما هي خصائص شكل القوائم في "CSS3"؟ و هل من مثال يوضّح ذلك؟

ما هي خصائص شكل القوائم في "CSS3"؟ و هل من مثال يوضّح ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
  • list-style-type: و هي الخاصية التي تستخدم لتحديد نوع الرمز أو الترقيم أمام كل عنصر من عناصر القائمة و تأخذ القيم : none و disc و square و circle في حالة القائمة غير المرتبة

و القيم :  lower  و roman lower  و roman upper و alpha lower  و alpha upper و latin و decimal في حالة القائمة المرتبة 

  •  list-style-image و هي الخاصيّة التي تستخدم لوضع صورة خاصة أمام كل عنصر من عناصر القائمة كرمز له و يتم استخدامها عن طريق السطر البرمجي التالي:
     
list-style-image:url('image.gif');

مثال على ذلك:

<html> 
  <head> 
    <title> 
    </title> 
    <style type="text/css"> 
  ul {list-style-type:square;} 
  ol {list-style-image:url('dot.gif');} 
    </style> 
  </head> 
  <body> 
 <ul> 
  <li>item 1</li> 
  <li>item 2</li> 
  <li>item 3</li> 
 </ul> 
 <ol> 
  <li>item 1</li> 
  <li>item 2</li> 
  <li>item 3</li> 
 </ol> 
  </body> 
</html> 

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن