English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص cursor في CSS تحدد نوع المؤشر الذي يظهر عند وضع المؤشر على العنصر.
الجدول أدناه يوضح استخدام هذا الخصائص وتاريخ إصداراته، بالإضافة إلى استخدام الخصائص في جافا سكربت.
| القيمة الافتراضية: | تلقائي |
|---|---|
| يُستخدم في: | جميع العناصر |
| الوراثة: | نعم |
| يمكن تفعيل الرسوم المتحركة: | لايرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 2،3 |
| قواعد الجافا سكربت: | جافا سكربت: object.style.cursor="contex-menu" |
نموذج الجملة لهذا الخصائص هو:
cursor: [مستند عنوان ملف الماوس،] 0 أو أكثر من المرات | تلقائي | افتراضي | لا شيء context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خاصية cursor
h1 {
cursor: copy;
}
p {
cursor: help;
}
a {
cursor: url("custom.gif"), url("custom.cur"), default;
}اختبار لمعرفة‹/›يستخدم خاصية cursor قائمة بالقيم المحددة مسبقًا للمؤشرات المخصصة، متبوعة بـ“مؤشر عام”. أي إذا لم يكن أول مؤشر صحيحًا أو غير موجود، فإنه سيتم استخدام المؤشر التالي في القائمة، وهكذا، حتى يتم العثور على مؤشر صالح
إذا لم يكن هناك مؤشر مخصص صالح أو غير مدعوم من المتصفح، فإنه سيتم استخدام مؤشر عام في نهاية القائمةتعلم المزيد
يصف الجدول أدناه قيم هذا الخصوصية
| القيمة | انظر | وصف |
|---|---|---|
| مستخدم | ||
| تلقائي | يحدد المتصفح بناءً على السياق الحالي المؤشر الذي سيتم عرضه. على سبيل المثال، عند وضع النص تحت النص. هذا هو القيمة الافتراضية | |
| افتراضي | مؤشر النظام الافتراضي، بغض النظر عن السياق، عادة ما يكون سهم | |
| لا شيء | لا يتم عرض المؤشر | |
| افتراضي | إعادة تعيين هذا الخصوصية إلى قيمته الافتراضية | |
| تنسيق | إذا تم تحديد ذلك، فإن العنصر المرتبط يستخدم قيمة الخاصية cursor للعنصر الأب | |
| الرابط والمؤشر الحالي | ||
| قائمة السياق | يعني أن قائمة السياق متاحة | |
| المساعدة | يعني المساعدة | |
| مؤشر | مؤشر رابط، عادة ما يكون ذو إصبع ممدد | |
| التقدم | مؤشر التقدم. البرنامج يقوم ببعض العمليات، ولكن المستخدم يمكنه التفاعل مع الواجهة (مع wait المختلفة). | |
| انتظر | 表示程序忙，用户应该等待。 | |
| 选择光标 | ||
| cell | 表示可以选择一个单元格（或一组单元格）。 | |
| crosshair | يعني أن البرنامج مشغول، يجب أن ينتظر المستخدم. | |
| مؤشر اختيار | خلية | |
| مؤشر صليبي بسيط. عادة ما يستخدم لتوجيه اختيار الصور. | نص | |
| يمكن اختيار النص الأفقي، عادة ما يكون حزام العمل. | ||
| مؤشر سحب وإفلات | اسم مستعار | |
| نسخ | يعني أنه يمكن نسخ بعض المحتويات. | |
| تحريك | يعني أنه يمكن تحريك العنصر المعلق. | |
| لا يمكن سقوط | يعني أن العنصر الذي يتم سحبه لا يمكن وضعها في هذا الموضع. | |
| غير مسموح | يعني أنه لا يمكن إكمال شيء. | |
| ضبط الحجم وتمرير المؤشر | ||
| تمرير الكل | يعني أنه يمكن التمرير إلى أي اتجاه (التمرير). | |
| ضبط حجم العمود | ضبط حجم العمود بشكل أفقي. | |
| ضبط حجم السطر | يُشير إلى أن يمكن ضبط حجم السطر بشكل أفقي. | |
| n-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك إلى الأسفل (الجنوب). | |
| e-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك إلى اليمين (الشرق). | |
| s-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك إلى الأسفل (الجنوب). | |
| w-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك إلى اليسار (الغرب). | |
| ne-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك لأعلى ولأسفل (الشمال/الشرق). | |
| nw-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك لأعلى ولأسفل (الشمال/الشرق). | |
| se-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك لأعلى ولأسفل (الشمال/الغرب). | |
| sw-resize | يُشير إلى أن بعض الجوانب يجب أن تتحرك لأعلى ولأسفل (الجنوب/الغرب). | |
| ew-resize | يُشير إلى مؤشر ضبط الحجم ثنائي الاتجاه. | |
| ns-resize | ||
| nesw-resize | ||
| nwse-resize | ||
| تضخيم المؤشر | ||
| تضخيم | يعني أنه يمكن تضخيم بعض المحتويات. | |
| تصغير | يعني أنه يمكن تصغير بعض المحتويات. | |
| التقاطع | يعني أنه يمكن التقاطع بأشياء معينة (السحب لتحريكها). | |
| التقاطع | يعني أن شيء تم التقاطعه. | |
مستوى التوافق للمتصفحات لميزة cursor، الأرقام في الجدول التالي تعبر عن إصدار أحدث متصفح يدعم هذه الميزة؛ جميع المتصفحات الشائعة يدعمون هذه الميزة.
|
انظر إلى الدليل:مؤشر CSS。