قوائم CSS مفيدة جدًا في الوصول إلى مجموعة من النقاط المرقمة أو النقطية. ستوضح لك هذه المقالة كيفية التحكم في نوع وموضع وأسلوب باستخدام CSS. سيتم تغطية المؤشرات التالية هنا ،
فلنبدأ إذن ،
قوائم CSS
خصائص CSS
هناك خمس خصائص CSS مختلفة يمكنك استخدامها للتحكم في القوائم:
- نوع نمط القائمة: يسمح لنا بالتحكم في شكل العلامة أو مظهرها.
- List-style-position: تحدد أن هناك حاجة إلى نقطة طويلة للالتفاف إلى سطر ثان أو يجب أن تتماشى مع السطر الأول أو تبدأ بالعلامة.
- List-style-image: تحدد أنه يجب إضافة صورة للعلامة أو جعلها أكثر جاذبية بدلاً من التعداد النقطي أو النقاط المرقمة.
- نمط القائمة: يعرض اختصار الخصائص السابقة.
- إزاحة العلامة: تحدد المسافة بين العلامة والنص الذي تم إدخاله في القائمة.
فيما يلي القائمة المستخدمة بشكل شائع: نوع القائمة ونوع نمط القائمة وموضع نمط القائمة. تم شرحه أدناه
qtp مقابل السيلينيوم أيهما أفضل
المضي قدما في هذا المقال على قوائم CSS
خاصية نوع القائمة
في خاصية list-style-type ، تتيح لك التحكم في شكل ونمط النقاط أو العلامة في حالة القائمة غير المرتبة. في حالة القائمة المرتبة ، يتم ترقيم الأحرف.
الجدول أدناه يمثل القوائم غير المرتبة:
| القيمة | وصف |
| لا شيء | غير متوفر |
| قرص | يتم ملؤها في الدائرة (الافتراضي واحد) |
| دائرة | إنها دائرة فارغة. |
| ميدان | يتم ملؤها في المربع. |
الجدول أدناه يمثل القوائم المرتبة:
| القيمة | وصف | مثال |
| عدد عشري | إنه رقم | 1،4،3 |
| صفر بادئ عشري | 0 قبل الرقم الفعلي | 01 ، 04 ، 03 |
| أقل ألفا | إنها أحرف أبجدية رقمية صغيرة. | ا ب ت ث |
| أعلى ألفا | إنها أحرف كبيرة أبجدية رقمية. | ا ب ت ث |
| الروماني السفلي | إنها أرقام رومانية صغيرة. | الأول ، الثاني ، الثالث ، الرابع ، الخامس |
| العلوي الروماني | إنها أرقام رومانية كبيرة. | الأول ، الثاني ، الثالث ، الرابع ، الخامس |
| اليونانية السفلى | العلامة مكتوبة باليونانية السفلى | ألفا ، جاما |
| لاتينية السفلى | العلامة في اللاتينية السفلى | ا ب ت ث |
| العلوي اللاتيني | العلامة في اللاتينية العليا | ا ب ت ث |
المضي قدما في هذا المقال على قوائم CSS
قوائم CSS: نموذج البرنامج
- جافا
- بايثون
- الزاوي
- جافا
- بايثون
- الزاوي
- جافا
- بايثون
- الزاوي
- جافا
- بايثون
- الزاوي
- جافا
- بايثون
- الزاوي
انتاج |
المضي قدما في هذا المقال على قوائم CSS
خاصية موضع نمط القائمة
قيم علامة في خاصية قائمة-نمط-موقف
في خاصية list-style-position ، يُظهر أن العلامة يجب أن تظهر داخل أو خارج المربع الذي يحتوي على النقاط. يمكن أن يكون لهذا أحد القيمتين:
| القيمة | وصف |
| لا شيء | غير متوفر |
| في داخل | في هذه الحالة ، إذا كان النص موجودًا في السطر الثاني ، فسوف يلتف النص أسفل العلامة ، كما سيُظهر المكان الذي كان سيبدأ فيه النص إذا كانت القوائم تحتوي على وادي خارجي. |
| في الخارج | في هذه الحالة ، إذا انتقل النص إلى السطر الثاني ، فسيتم محاذاة النص مع بداية السطر الأول. |
مثال:
- رياضيات
- علوم اجتماعية
- الفيزياء
- رياضيات
- علوم اجتماعية
- الفيزياء
- رياضيات
- علوم اجتماعية
- الفيزياء
- رياضيات
- علوم اجتماعية
- الفيزياء
انتاج |
هذا يقودنا إلى نهاية هذه المقالة حول قوائم CSS.
تحقق من الذي يأتي مع تدريب مباشر بقيادة مدرب وخبرة مشروع واقعية. يجعلك هذا التدريب بارعًا في مهارات العمل باستخدام تقنيات الويب الخلفية والأمامية. يتضمن التدريب على تطوير الويب ، jQuery ، Angular ، NodeJS ، ExpressJS ، و MongoDB.
لديك سؤال لنا؟ يرجى ذكرها في قسم التعليقات بالمقال وسنعاود الاتصال بك.