لي {list-style-image: url(images/disc.gif);}
يستخدم تعريف النمط هذا الصور لاستبدال النقاط الصغيرة المعروضة لعناصر القائمة. بالطبع، يمكنك أيضًا عرضه مع تأثيرات أخرى، يرجى الرجوع إلى التعريف أدناه للحصول على التفاصيل:
تعريف CSS لتأثير عنصر القائمة
*نوع نمط القائمة: دائرة (يمكن تغييره إلى نمط عنصر القائمة الذي تريده)؛
القرص: دائرة صلبة CSS1
الدائرة: دائرة مجوفة CSS1
مربع: CSS1 مربع صلب
العشري: الأرقام العربية CSS1
الرومانية السفلى: CSS1 أرقام رومانية صغيرة
الأحرف الرومانية العليا: أرقام رومانية كبيرة في CSS1
ألفا أقل: الحروف الإنجليزية الصغيرة CSS1
ألفا العلوي: CSS1 الحروف الإنجليزية الكبيرة
لا شيء: لا يستخدم CSS1 الرموز النقطية
الأرمنية: الأرقام الأرمنية التقليدية CSS2
cjk-ideographic: أرقام إيديوغرافية عادية في CSS2
الجورجية: الأرقام الجورجية التقليدية CSS2
اليونانية السفلى: CSS2 الحروف الصغيرة اليونانية الأساسية
العبرية: الأرقام العبرية التقليدية CSS2
الهيراجانا: أحرف الهيراجانا اليابانية في CSS2
هيراغانا-إيروها: تسلسل هيراغانا الياباني CSS2
كاتاكانا: أحرف كاتاكانا اليابانية CSS2
كاتاكانا-يروها: الرقم التسلسلي لكاتاكانا اليابانية CSS2
اللاتينية السفلية: أحرف لاتينية صغيرة في CSS2
اللاتينية العلوية: CSS2 الحروف اللاتينية الكبيرة
*list-style-image: url(images/disc.gif); استخدم image disk.gif بدلاً من عرض عناصر القائمة
*وضعية نمط القائمة: بالخارج |
في الخارج: يتم وضع علامة عنصر القائمة خارج النص، ولا تتم محاذاة النص المحيط وفقًا للعلامة
بالداخل: يتم وضع علامة عنصر القائمة داخل النص، ويتم محاذاة النص المحيط وفقًا للعلامة
ساعة {الحدود: 1 بكسل متقطع #86BCD4 الارتفاع: 1؛}
يوجد في كود HTML بعض العناصر الخاصة مثل الشريط الأفقي hr، والذي يمكن تعريفه أيضًا في إدارة النمط لتغيير تأثير العرض الافتراضي:
تعريف CSS لتأثير الشريط الأفقي
BORDER-BOTTOM-STYLE: منقط؛
BORDER-LEFT-STYLE: منقط؛
BORDER-RIGHT-STYLE: منقط؛
الارتفاع: 1؛
العرض: 100%؛
محاذاة:يسار؛
اللون: #86BCD4؛
الظل: لا؛
تعريف تأثير الخط المنقط للشريط الأفقي
الحدود: 1 بكسل متقطع #86BCD4 الارتفاع: 1؛