شرح دورة الـ CSS للمبتدئين - الدرس التاسع

الخواص او الاوامر المؤثره فى القوائم الغير مرتبه:
1-margin-left: هى الخاصيه التى تحدد المسافه بين حد الصفحه وبين القائمه نفسها .. ويمكن استبدال left ب right , top , bottom
وتتغير على حد الهدف المطلوب تحقيقه والقيم المعطاه لها تكون بوحدات قياس px , cm

ul{margin-left : 76px ;}

ul { margin-right : 50 cm ;}  

---------------------------------------------------------------------------------------------------

2-list-style-type : هى الخاصيه التى تحدد شكل الترقيم فى القوائم ..القيم المعطاه لها اما ان تكون دائره او مربع مصمت او a b
small or capital

ul{ list-style-type : circle ;}                 فى حاله الدائره المفرغه  

ul{ list-style-type : square ;}              فى حاله المربع المصمت

ul{ list-style-type : upper-roman ;}    I فى حاله الشكل 

ul{ list-style-type : upper-alpha ;}     a b c d small   فى حاله

ul{ list-style-type : lower-alpha ;}     A B C D capital  فى حاله

----------------------------------------------------------------------------------------------------

3-list-style-Image : فى حاله اضافه صوره للترقيم بدل من list-style-type والقيم المعطاه لها يكون مسار الصوره

ul {list-style-image : url("mm.jpg") ;}    mm.jpg اسم الصوره 

----------------------------------------------------------------------------------------------------

ملحوظه .. تذكر الخاصيه الثانيه او الثالثه للقائمه الواحده .. بمعنى ان يكون الترقيم اما بصوره او باحدى رموز الخاصيه الثانيه

التطبيق بالطريقه الثانيه

نموذج للنتيجه ..

 التطبيق بالطريقه الثالثه
كود ملف CSS

كود ملف HTML

نموذج للنتيجه ..

الآن .. أختبـــــــــــــــــــــــــــــ(ـنفسك)ــــــــــــــــــــــــــــــــــــــر..
1- قم بتجربه الكود بنفسك
2-استخدم استخدم الطريقه الاولى لكتابه كود CSS  لتجربه هذه الخصائص