كورس 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; }