Custom Image Cursors With Fallbackتخصيص المؤشر بصورة وقيمة احتياطية
تحكم في تفاعل واجهة المستخدم في CSS عبر دلالات أشكال مؤشر الفأرة وتمرير النقرات بخاصية pointer-events وتنظيم تحديد النصوص وتقييد تحجيم الحقول بأمان.
2 صفوف تعليمية
لغة CSS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
تتيح لك مساحات الرسم والأدوات التفاعلية تخصيص شكل المؤشر بأيقونة خفيفة وصغيرة الحجم يفضل ألا تتجاوز 32x32 بكسل عبر الصيغة cursor: url("/images/examples/shield-icon.svg") 16 16, pointer;، حيث يحدد الرقمان الاختياريان 16 16 إحداثيات نقطة النقر الفعالة في مركز الأيقونة بدلاً من زاويتها العلوية اليسرى.
وتلزم قواعد CSS بكتابة قيمة قياسية احتياطية مثل pointer أو auto بعد الفاصلة في نهاية القائمة، لضمان بقاء مؤشر الفأرة واضحاً وقابلاً للاستخدام فوراً إذا تعذر تحميل ملف الصورة.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (مؤشر الفأرة وخصائص واجهة المستخدم في لغة CSS)
