تحديد بعض خصائص التنسيق للعناصر في لغة CSS الدرس |7| - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الأربعاء، 1 يناير 2020

تحديد بعض خصائص التنسيق للعناصر في لغة CSS الدرس |7|


خصائص التنسيق في CSS

في الدرس السابق تعلمنا الفئة الزائفة و استخدمنا بعض الخصائص من الدروس السابقة وهذا يجب ان يعطيك فكرة عن الإمكانيات التي تستطيع css ان تفعلها.
للرجوع للدرس السابق من هنا هذا الدرس سنعلمك كيف تحدد خصائص معينة لمجموعة من العناصر او لعنصر معين.

خاصية line-height


تقوم هذه الخاصية بإعطاء المسافات بين السطور ويمكن تحديد المسافات ب em,px,%.

مثال
الملف الذي سنقوم بإضافة التنسيقات عليه هو index.html



وسيكون الكود داخل ملف style.css



سترون الإختلاف بين السطور في المتصفح وسيكون الناتج بالشكل




خاصية list-style-position

تحدد هذه الخاصية موقع القائمة و تأخذ بعض القيم (outside, inside, hanging).

مثال
سيكون داخل ملف index.html


وسيكون داخل ملف style.css 



وسيكون الناتج في المتصفح



خاصية list-style-type

تحدد هذه الخاصية شكل ونوع الترقم وتاخذ بعض القيم

circle,square,lower-roman,lower-alphe,upper-alpha

مثال
يكون في ملف index.html



وسيكون داخل ملف style.css



وسيكون الناتج في المتصفح بهذا الشكل



خاصية list-style-image

تستخدم هذه الخاصية لتحديد صور الي الترقيم

مثال
سيكون في ملف index.html



وسيكون في ملف style.css



الناتج في المتصفح 


ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام