الصفحة السابقة هي ("/en-US/docs/Web/Guide/CSS/Getting_Started/Content", "Content") أما هذا الجزء فهو العاشِر في سلسلة تعليم لغة CSS على هذا الموقع CSS Getting Started ، وهو يصف كيف يُمكن استخدام لغة الـCSS لتحديد مظهر القائمة. ستقوم بإنشاء مثال مستند يحتوي على قائمة بالـHTML وملف تنسيق بلغة الـCSS والذي من خلاله سوف نقوم بتنسيق القائمة التي قمنا بإنشَائها. معلومات عن القوائم
لو نظرت إلى الجزء السابق، سوف يتضح لك كيف يمكن إضافة محتـوًى قبل أي عنصر بحيث يظهر وكأنّه عنصرٌ في قائمة. تقدم لغة الـCSS بعض الخواص المُصَمَّـمَـة للقائمة، والتي يجب استخدامها دائما مع القوائم. لتحديد نمط القائمة، عليك استخدام هذه الخاصية « list-style » وذلك لتحديد نوع العلامة الموجودة قبل كل عنصر في القائمة. من الممكن أن يتم اختيار القائمة ككل بهذا الوسم « ul » أو اختيار عنصر بداخل القائمة من خلال هذا الوسم « li ». وعند اختيار القائمة ككل فإنَّ هذا الوسم يسمى الأب للقائمة وهو« ul »، ويورث الخواص التى تٌطبق عليه لكُـلِّ عنصر في القائمة. القوائم غير المرتبة
في القوائم غير المُرَتَّـبة، يكون كل عنصر من القائمة معَلَّــمًا بنفس الطريقة.
مشروع حفر الابار الخيري
«info» مُرتبة بحروف لاتينية كبيرة.
Lorem ipsum
Dolor sit
Amet consectetuer
Magna aliquam
Autem veleum
list-style: upper-latin;}
عند تطبيق خاصية النمط على الـ « ol » يُوَرِّثُ هذه الخاصية إلى الأبناء وهم عناصر القائمة المرتبة وهي العناصر المسبوقة بوسم « li ». فتكون النتيجة كالتالي:
ِA. Lorem ipsum
B. Dolor sit
C. Amet consectetuer
D. Magna aliquam
E. Autem veleum
تفاصيل أكثر
الخاصية «list-style» هي خاصية مختصرة أي أنه من الممكن استخدامها إذا أردت أن يكون نمط القائمة سواء كان
(صورة أو رقم أو شكل أو حرف)
ولكن يمكن أن تستخدم خواص منفردة لكل شكل على حدة وليكن للصورة لها خاصية محددة مثل «list-style-image»
يمكنك مراجعة هذه الخاصية وما بها من تفاصيل من خلال هذه الصفحة list style
إن كنت تستخدم لغة HTML فإنها تُـوفر وسوما مُختلفة، فعلى سبيل المثال للقوائم المرتبة يُستخدم هذا الوسم «ol»
والقوائم الغير مرتبة «ul»
فيفضّل استخدام هذه القوائم بحسب دلالتها ولكن من الممكن إذا أردت أن تجعل القوائم المرتبة كغير المرتبة شكلا
والعكس، فذلك يتم من خلال الـCSS أيضا يتم كل هذا باستخدام الخواص المختلفة لتحصل على ما تريد من نتائج
ولكن يُفَضَّـل أن تُسْتَخدم كل قائمة حسب وضعها والاستخدام الخاص بها.
فطن رياض اطفال
كيفية التحويل من النظام الثنائي إلى العشري (صور توضيحية) - wikiHow
قيامة عثمان الحلقة 15 اونلاين | الغازي عثمان الحلقة 15 مترجمة
شيلة ربعي هل السيف الصقيل
اللائحة المنظمه لممارسة نشاط تأجير السيارات
Alfred - Home Security Camera 5.3.0 (build 2298) لـ Android - تنزيل
قراند gta
انواع القهوة الايطالية
تحديث ساعة ابل الذكية: كل ما تود معرفته عن كيفية تحديث ابل واتش بسهولة
تسجيل الدخول kik بالعربي
جامعة الملك فيصل - المرسال
محل كيك
برنامج ارشفة الكترونية مفتوح
يمكن أيضًا استخدام العدّادات بطرق أكثر تعقيدًا؛ مثلًا: لعدّ الفقرات والعناوين والعناوين الفرعيّة والفقرات في المستندات الرسمية. تمرين: قوائم مُنسقة
قم بإنشاء ملف HTML باسم ، انسخ والصق هذا المحتوى إلى الملف الخاص بك:
Sample document 2
The oceans
Arctic
Atlantic
Pacific
Indian
Southern
Numbered paragraphs
قم بإنشاء ملف CSS وقُم بتسميته ، انسخ والصق هذه الشيفرة البرمجية إلى صفحتك:
/* numbered paragraphs */
mbered {counter-reset: mynum;}
قم بتغيير أسلوب التعليقات كما تحبّ إن لم يعجبك هذا. افتح الملف على المٌتصفح الخاص بِك. إذا كان متصفحط يَدعم العّدادات سوف ترى النتيجة كما هي موضحة أدناه، وإن لم يكُن يُدعمها فلن ترى إلاَّ الأرقام والنُقتطان قبل القائمة التي هي بعنوان «Numbered paragraphs»:
The oceans
Arctic
Atlantic
Pacific
Indian
Southern
Numbered paragraphs
تمرين إضافي
أضِف قاعدة لملف التنسيق الخاص بك بحيث تجعل النمط قبل عناصِر القائِمة بحروف رومانية من i إلى v، بحيث تحصل على هذه النتيجة:
وقم بتغييرها مرة أُخرى إلى حروف لاتينية كبيرة قبل عناصرالقائمة، وستكون النتيجة هكذا:
(A) The oceans...
(B) Numbered paragraphs...
See solutions to these challenges.
سيارات للبيع في القصيم | ابي سيارة
مقاس بطاقة id indonesia
[ 313 more words] أطلقت المؤسسة العامة للتدريب التقني والمهني، حزمةً من البرامج التدريبية عن بُعد لمنسوبيها بلغ عددها 920 برنامجاً تدريبياً في عدة مجالات، وذلك في إطار حرصها على تحقيق أهداف خطتها بشأن تطوير مهارات الموارد البشرية لديها. وأوضحت المؤسسة في بيان لها، أن الطاقة الاستيعابية لتلك البرامج تبلغ 36 ألف مقعد تدريبي، وتركزت مجالاتها على المقررات والتخصصات المستحدثة مؤخراً بالمنشآت التدريبية ، ومهارات تقنيات العمل عن بعد، وكذلك مهارات إعداد المحتوى الإلكتروني، وآلية التقييم بهدف الارتقاء بمستوى أدائهم الوظيفي وتطوير مهاراتهم وقدراتهم المهنية. [ 61 more words]