خصائص سهم الماوس في CSS

تعريف و استخدام

يحدد خصائص cursor نوع المؤشر الذي سيتم عرضه (الشكل).

تعريف هذا الخصائص تحدد شكل المؤشر عند وضع المؤشر داخل نطاق الحدود للعنصر (لكن CSS2.1 لم يحدد أي حدود تحدد هذا النطاق).

انظر أيضًا:

دليل 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
جافا سكريبت نحو: 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 القيمة.