القائمة الرئيسية

الصفحات

خاصية cursor في لغة سى اس اس CSS

 خاصية cursor في  لغة CSS

خاصية المؤشر cursor في CSS هى خاصية تستخدم لتغيير شكل المؤشر على الشاشة
ومن الإستخدامات المميزة لهذه الخاصية هو إستخدام الصور لزر الإرسال فى النموذج
 بشكل طبيعي عند الإشارة علي رابط تشعبي لموقع خارجي (hyberlink) و يحوم المؤشر فوقه، يتغيرشكل المؤشر إلى يد. ورغم ذلك ، فإنه لا يغير شكل زر الإرسال (send) في النموذج. لذلك ، عندما يقوم شخص ما بالمرور فوق صورة تمثل زر إرسال ، فهو بذلك عرف أن تلك الصورة ذات طبيعه متحركة أو لها القدرة علي الإنتقال لصفحة أخري.

خاصية cursor في CSS

مؤشرات مخصصة

يمكنك تحديد مؤشرات مخصصة.
ملاحظة : ليس جميع المتصفحات تدعم ملفات svg للمؤشرات وأن الملفات cur. مدعومة عبر اللوحة لذلك يفضل توفير بديل .cur إذا أردت إستخدام مؤشر .svg
 يمكنك أيضاً توفير الرجوع إليها.

يمكنك تحديد موضع مخصص لنقطة المؤشر الفعالة عن طريق إضافة إحداثيات x & y للمكان الذي يجب أن تكون فيه النقطة الفعالة في الصورة المخصصة المتوفرة.

لاحظ أنه عند إستخدام مؤشرات svg ، من المهم أن تحتوي svg على قيم العرض والأرتفاع في عنصر svg ، وإلا فلن يظهر المؤشر. في المثال التالي ، يبدأ ملف svg الخاص بنا (droplet.svg) على النحو التالي:

خاصية cursor في CSS

إستنتاج:

تُستخدم المؤشرات المخصصة بشكل شائع للإشارة إلى أن عنصر HTML ليس رابطاً <a href="..."> قابل للنقر عليه بالفعل. ولكنه يوفر مجموعة متنوعة من قابلية التعدد الإضافية التي يمكن أن تكون مفيدة للمطورين الذين يبنون تطبيقات ويب متعدده. ولكن إحترس من الأخطاء التي يمكن أن تحدث  للمؤشرات المخصصة.

يقضي المستخدمون معظم وقتهم على المتصفحات المختلفة والمواقع الالكترونية العديدة ،لذلك يمكن إستخدام كل مؤشر مناسب لكل موقع مناسب حسب طبيعة الموقع ورغبة  المستخدم.
لن يرى مستخدموخاصية (touch screen) مثل (الهاتف الذكي والجهاز اللوحي ) مؤشرات مخصصة.


reaction:

تعليقات