كورس css | تنسيق القوائم باستخدام لغة css #10


النموذج التعليمي

في هذا الدرس ستتعلم تنسيق القوائم من خلال لغة css حيث باستخدام هذه اللغة في القوائم تستطيع عمل كل شئ تقريبا في قائمتك , .

   عنوان المحاضرةتنسيق القوائم باستخدام لغة CSS 
   ترتيب المحاضرةالمحاضرة العاشرة
   مدة المحاضرة8:40
   نوع الكورسcss
   نوع الدورةدورة تصميم مواقع




انواع القوائم 

في البرمجة هناك نوعين من القوائم قوائم مرتبة و فوائد غير مرتبة
القوائم المرتبة يكون شكلها كالتالي
        1 : نص
        2 : نص
        3 : نص
        4 : نص

و القوائم الغير مرتبة يكون شكلها كالتالي

  • نص
  • نص
  • نص
  • نص

نستخدم list-style-type لتنسيق القوائم


ul{ list-style-type: square; } ul{ list-style-type: circle; }



أو اضافة صورة للقوائم

ul{ list-style-img: url("رابط الصورة"); }



و يمكنك التحكم في موقع العلامات و الصور للقوائم سواء اداخلها داخل القائمة أو إخراجها خارجها


ul{ list-style-position: outside; } ul{ list-style-position: inside; }

No comments:

Post a Comment