اذهب إلى المحتوى
  • 0

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

عبد الرحيم

السؤال

Recommended Posts

  • 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> 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...