مثال
بعض المؤشرات مختلفة:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الخاصية المؤشر نوع المؤشر للظهور عند الإشارة على عنصر.
| القيمة الافتراضية: | auto |
|---|---|
| وارث: | yes |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS2 |
| جافا سكريبت بناء الجملة: | object .style.cursor="crosshair" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS بناء الجملة
cursor:value;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| alias | المؤشر يشير إلى اسم مستعار من شيء هو المراد إنشاؤها | العبها " |
| all-scroll | يشير المؤشر أن شيئا ما يمكن تمريره في أي اتجاه | العبها " |
| auto | افتراضي. المتصفح يضع المؤشر | العبها " |
| cell | ويشير المؤشر الذي خلية (or set of cells) يمكن اختيارها | العبها " |
| context-menu | المؤشر يشير إلى أن-قائمة السياق متاح | العبها " |
| col-resize | يشير المؤشر أن العمود يمكن تغيير حجم أفقيا | العبها " |
| copy | المؤشر يشير إلى شيء هو أن يتم نسخها | العبها " |
| crosshair | المؤشر تجعل باعتباره التقاطع | العبها " |
| default | المؤشر الافتراضي | العبها " |
| e-resize | المؤشر يشير إلى أن على حافة مربع هي أن ينتقل الحق (east) | العبها " |
| ew-resize | يشير مؤشر تغيير الحجم ثنائية الاتجاه | العبها " |
| grab | يشير المؤشر أن شيئا ما يمكن أن أمسك | العبها " |
| grabbing | يشير المؤشر أن شيئا ما يمكن أن أمسك | العبها " |
| help | المؤشر يشير إلى أن المساعدة متوفرة | العبها " |
| move | المؤشر يشير إلى شيء هو أن يتم نقل | العبها " |
| n-resize | المؤشر يشير إلى أن على حافة مربع هو أن صعد (north) | العبها " |
| ne-resize | المؤشر يشير إلى أن على حافة مربع هو أن صعد والحق (north/east) | العبها " |
| nesw-resize | يشير مؤشر تغيير الحجم ثنائية الاتجاه | العبها " |
| ns-resize | يشير مؤشر تغيير الحجم ثنائية الاتجاه | العبها " |
| nw-resize | المؤشر يشير إلى أن على حافة مربع هي لنقلها، وغادر (north/west) | العبها " |
| nwse-resize | يشير مؤشر تغيير الحجم ثنائية الاتجاه | العبها " |
| no-drop | ويشير المؤشر إلى أن البند جر لا يمكن الاستغناء عنها هنا | العبها " |
| none | يتم تقديم أي مؤشر للعنصر | العبها " |
| not-allowed | ويشير المؤشر الذي لن يتم تنفيذ الإجراء المطلوب | العبها " |
| pointer | المؤشر هو مؤشر ويشير إلى صلة | العبها " |
| progress | المؤشر يشير إلى أن البرنامج مشغول (in progress) | العبها " |
| row-resize | ويشير المؤشر الذي الصف يمكن تغيير حجم عموديا | العبها " |
| s-resize | المؤشر يشير إلى أن على حافة مربع هو أن تكون انتقلت إلى أسفل (south) | العبها " |
| se-resize | المؤشر يشير إلى أن على حافة مربع هو أن تكون انتقلت إلى أسفل واليمين (south/east) | العبها " |
| sw-resize | المؤشر يشير إلى أن على حافة مربع هي أن ينتقل إلى أسفل ويسار (south/west) | العبها " |
| text | يشير مؤشر النص التي يمكن اختيارها | العبها " |
| URL | قائمة من عناوين المواقع فصل فاصلة إلى المؤشرات المخصصة. Note: دوما تحديد مؤشر عام في نهاية القائمة، في حال أي من المؤشرات المعرفة من قبل URL يمكن استخدامها | العبها " |
| vertical-text | يشير المؤشر عمودي النص التي يمكن اختيارها | العبها " |
| w-resize | المؤشر يشير إلى أن على حافة مربع انه سيتم نقل اليسار (west) | العبها " |
| wait | المؤشر يشير إلى أن البرنامج مشغول | العبها " |
| zoom-in | يشير المؤشر أن شيئا ما يمكن أن يكون أسرع في | العبها " |
| zoom-out | يشير المؤشر أن شيئا ما يمكن أن يكون أسرع من | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
HTML DOM المرجع cursor property