English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص الأشعار في CSS، تستخدم لتحديد نوع الأشعار عند تحرك الفأرة إلى منطقة معينة أو رابط في الصفحة.
عادةً يوضع مؤشر الفأرة في أي جزء فارغ من صفحة الويب، ويظهر أيدي الجلد في أي رابط أو عنصر قابلة للنقر، ويظهر مؤشر التحرير في أي نص أو حقل نصي. باستخدام CSS، يمكنك إعادة تعريف هذه الخاصيات لعرض أنواع مختلفة من الأشرار.
h1 {
cursor: ;
}
p {
cursor: ;
}اختبر هذا‹/›يظهر أدناه معظم المتصفحات التي ستقبل أنواع مختلفة من الأشرار. اضعف مؤشر الفأرة على رابط "TEST" في الصفحة التالية لعرض هذا الأشعار.
| أنظر | قيمة | مثال | أنظر |
|---|---|---|---|
| default | a:hover{cursor:default;} | اختبار | |
| pointer | a:hover{cursor:pointer;} | اختبار | |
| text | a:hover{cursor:text;} | اختبار | |
| wait | a:hover{cursor:wait;} | اختبار | |
| help | a:hover{cursor:help;} | اختبار | |
| progress | a:hover{cursor:progress;} | اختبار | |
| crosshair | a:hover{cursor:crosshair;} | اختبار | |
| move | a:hover{cursor:move;} | اختبار | |
| url() | a:hover{cursor:url("custom.cur"), default;} | اختبار |
يمكن أن يكون لديك أيضًا مؤشر مخصص كامل
يتعامل خاصية cursor مع قائمة مفصولة بالكومي من القيم المخصصة للمؤشر، تتبعهاالمؤشرات العامةإذا لم يكن الأول صحيحًا أو غير موجود، فإنه سيستخدم المؤشر التالي في القائمة المفصولة بالكومي، وهكذا حتى يتم العثور على مؤشر متاح.
إذا لم يكن هناك مؤشر مخصص صالح أو يدعمه المتصفح، فإنه سيستخدم المؤشر العام في نهاية القائمة.
إشارة:نمط القياس للمؤشرات المتاحة هو ملف .cur. ولكن يمكنك استخدام برنامج تحويل الصور المجاني المتاح عبر الإنترنت لتحويل صور مثل .jpg و.gif إلى صيغة .cur.
a {
cursor: url("custom.gif"), url("custom.cur"), default;
}اختبر هذا‹/›في المثال السابق، custom.gif و custom.cur هي ملفات المؤشر الشخصي التي تم تحميلها إلى مساحة الخادم الخاصة بك، وdefault هو المؤشر العام، إذا تم فقدان المؤشر الشخصي أو إذا لم يدعمه متصفح المستعرض، فإنه سيستخدم المؤشر العام.
تحذير:إذا كنت ترغب في تحديد المؤشر الشخصي، فعليك تحديد واحد في نهاية القائمةالمؤشرات العامة، وإلا فإن المؤشر الشخصي لن يتم عرضه بشكل صحيح.
هذا هو عرض مباشر للمؤشر الشخصي
ملاحظة: تدعم إصدارات IE9 وما قبلها فقط قيم URL للقرصان الثابتة .cur والرسوم المتحركة .ani. ومع ذلك، تدعم المتصفحات مثل Firefox، Chrome وSafari .cur، .png، .gif و.jpg، ولكن لا تدعم .ani.