CSS cursor kiwari
- الصفحة السابقة @counter-style
- الصفحة التالية direction
Tattara da amfani
Tsaɗin cursor ce tana nuna nau'ikan tsaɗin wanda za a rarraba (kuma ana cikin hanci wanda yake).
Anuwa ce ta'aniya tasi da aiki da kira tsakiyar kusa da yankin da kuma kusa da nau'ikan tsaɗin kusa da kusa da yankin (amma CSS2.1 ba ta saba da kira yankin da yake tsara na kusa).
انظر أيضًا:
دليل CSSتحديد CSS
دليل HTML DOMسمة cursor
مثال
بعض المؤشرات المختلفة:
span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}
قواعد النصوص CSS
cursor: value;
قيمة السمة
| القيمة | الوصف |
|---|---|
| url |
URL المؤشر المخصص الذي يجب استخدامه التعليقات:يرجى دائمًا تعريف مؤشر عادي في نهاية هذه القائمة لتجنب عدم وجود مؤشر متاح مُحدد من خلال URL |
| default | المؤشر الافتراضي (عادةً سهم) |
| auto | افتراضي. المؤشر المحدد من قبل المتصفح |
| crosshair | يظهر المؤشر كشبكة متقاطعة |
| pointer | يظهر المؤشر كإشارة إلى الرابط (يدي) |
| move | هذا المؤشر يشير إلى أن العنصر يمكن أن يتم تحريكه |
| e-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى اليمنى (شرق) |
| ne-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأعلى واليمنى (شمال/شرق) |
| nw-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأعلى واليسار (شمال/غرب) |
| n-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأعلى (شمال) |
| se-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأسفل واليمنى (جنوب/شرق) |
| sw-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأسفل واليسار (جنوب/غرب) |
| s-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى الأسفل (جنوب) |
| w-resize | هذا المؤشر يشير إلى أن الحافة المستطيلة يمكن أن تتحرك إلى اليسار (غرب) |
| text | هذا المؤشر يشير إلى النص |
| wait | هذا المؤشر يشير إلى أن البرنامج يعمل |
| help | هذا المؤشر يشير إلى المساعدة المتاحة (عادةً سؤال أو كرة) |
تفاصيل التقنية
| القيمة الافتراضية: | auto |
|---|---|
| التنسيقية: | نعم |
| الإصدار: | CSS2 |
| قواعد النصوص JavaScript: | object.style.cursor="crosshair" |
TIY مثال
- تغيير المؤشر
- هذا المثال يوضح كيفية تغيير المؤشر.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذا السمة بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
التعليقات:Opera 9.3 وSafari 3 لا يدعمان url القيمة.
- الصفحة السابقة @counter-style
- الصفحة التالية direction
