ما هي المؤشرات في CSS؟
كل يوم، نستخدم بالفعل مؤشرات مخصصة. أصبح هذا التفاعل ممكنًا باستخدام المؤشرات المعدلة، على سبيل المثال، عندما تقوم بالتمرير فوق الأزرار، يتحول مؤشر المؤشر إلى يد، أو عندما تقوم بالتمرير فوق النص ويتحول المؤشر إلى مؤشر نص.
ومع ذلك، يمكن أيضًا استخدام المؤشرات لمنح مستخدمينا العديد من الفرص الإبداعية الإضافية.
بروتوكول الإنترنت SMTP
يجب أن ندرك أن CSS لديه بالفعل مؤشرات افتراضية لمختلف الإجراءات التي يتم تنفيذها غالبًا قبل أن نبدأ في تطوير مؤشراتنا المخصصة.
توفر هذه المؤشرات خيارات للعمل في المكان المحدد الذي تحوم فوقه. تتضمن الأمثلة المؤشرات التي تشير إلى أنه يجب عليك النقر فوق الروابط، وسحب العناصر وإسقاطها، وتكبير الكائنات وتصغيرها، والمزيد.
استخدم خاصية مؤشر CSS لوصف نوع المؤشر الذي تريده.
خاصية مؤشر CSS
قد نحدد نوع المؤشر الذي يجب أن يظهر للمستخدم باستخدام خاصية مؤشر CSS.
الهياكل باستخدام المصفوفات في ج
يعد استخدام الصور كأزرار إرسال في النماذج تطبيقًا مفيدًا لهذه الإمكانية. بشكل افتراضي، تظهر اليد بدلاً من المؤشر عندما يكون المؤشر فوق الرابط. ومع ذلك، فإن زر إرسال النموذج لا يؤدي إلى تغيير النموذج. يعد هذا بمثابة إشارة مرئية إلى أن الصورة قابلة للنقر عليها في أي وقت يمرر فيه شخص ما فوق الصورة التي تمثل زر إرسال.
يتم تحديد هذه الخاصية بصفر أو أكثر من القيم مفصولة بفواصل، متبوعة بقيمة كلمة رئيسية واحدة كما هو مطلوب، وسيشير كل منها إلى ملف الصورة.
بناء الجملة
ما هي المجموعة في جافا
cursor: value;
قيم الملكية
| آلي: | الإعداد الافتراضي لهذه السمة هو وضع المؤشر.
| الاسم المستعار: | تُستخدم هذه السمة لإظهار المؤشر المتعلق بإنشاء المؤشر.
| التمرير الشامل: | يشير المؤشر الموجود في هذه السمة إلى التمرير.
| خلية: | يشير المؤشر الموجود في هذه الخاصية إلى أنه تم اختيار خلية أو مجموعة من الخلايا حاليًا.
| قائمة السياق: | يُظهر المؤشر الموجود في هذه السمة وجود قائمة السياق.
| تغيير حجم العمود: | عندما يكون المؤشر فوق عمود في هذه الخاصية، قد يتم تغيير حجمه أفقيًا.
| ينسخ: | يشير المؤشر الموجود في هذه الخاصية إلى ضرورة نسخ شيء ما.
| التقاطع: | يظهر المؤشر كعلامة متقاطعة في هذه السمة.
| تقصير: | المؤشر الافتراضي.
| تغيير الحجم الإلكتروني: | يشير المؤشر الموجود في هذه السمة إلى ضرورة تحريك الحافة اليمنى للمربع.
| تغيير الحجم: | يمثل المؤشر الموجود في هذه السمة مؤشر تغيير الحجم ثنائي الاتجاه.
| يساعد: | في هذه الخاصية، يوضح المؤشر إمكانية الوصول إلى المساعدة.
| يتحرك: | يشير المؤشر الموجود في هذه الخاصية إلى ضرورة نقل شيء ما
| . تغيير الحجم: | عند استخدام خاصية n-resize، يُظهر المؤشر أنه يجب إزاحة الحد العلوي للمربع.
| ما-تغيير الحجم: | باستخدام هذه الخاصية، يُظهر المؤشر أن حافة الصندوق يجب أن تنتقل إلى اليمين وإلى الأعلى.
| تغيير الحجم الجديد: | تتم الإشارة إلى مؤشر تغيير الحجم ثنائي الاتجاه بواسطة هذه السمة.
| تغيير الحجم: | تتم الإشارة إلى مؤشر تغيير الحجم ثنائي الاتجاه بواسطة السمة ns-resize.
| تغيير الحجم: | يُظهر المؤشر الموجود في هذه السمة أنه يجب تحريك الحواف العلوية والسفلية للمربع لأعلى ولليسار.
| تغيير حجم الأنف: | تتم الإشارة إلى مؤشر تغيير الحجم ثنائي الاتجاه بواسطة هذه السمة.
| عدم الإفلات: | يشير المؤشر الموجود في هذه السمة إلى أنه لا يمكن تفريغ الكائن المسحوب في هذا الموقع.
| لا أحد: | لا يتم عرض المؤشر للعنصر وفقًا لهذه السمة.
| غير مسموح: | يشير المؤشر الموجود في هذه الخاصية إلى أنه لن يتم تنفيذ الإجراء المطلوب.
| المؤشر: | يعمل المؤشر الموجود في هذه الخاصية كمؤشر ويعرض تقدم الارتباط.
| تقدم: | يوضح المؤشر الموجود في هذه السمة أن البرنامج نشط.
| تغيير حجم الصف: | يوضح المؤشر أن هذه الميزة تسمح بتغيير حجم الصف الرأسي.
| تغيير الحجم: | عند استخدام هذه الخاصية، يظهر المؤشر أنه يجب خفض الحد السفلي للمربع.
| تغيير الحجم: | يشير المؤشر الموجود في هذه السمة إلى ضرورة تحريك حافة الصندوق إلى اليمين وإلى الأسفل.
| تغيير الحجم: | يشير المؤشر الموجود في هذه السمة إلى ضرورة تحريك الحواف اليسرى والسفلية للمربع.
| نص: | يشير المؤشر الموجود في هذه السمة إلى النص الذي يمكن اختياره.
| عنوان URL: | تحتوي هذه الخاصية على قائمة بعناوين URL المخصصة للمؤشر مفصولة بفواصل ومؤشر عام في نهاية القائمة.
| نص عمودي: | يُظهر المؤشر الموجود في هذه السمة تحديدات النص الرأسي المحتملة.
| تغيير الحجم: | عند استخدام هذه الخاصية، يظهر المؤشر أنه يجب تحريك الحافة اليسرى للمربع.
مثال
يوضح هذا المثال كيفية الاستفادة من خاصية المؤشر. البرنامج مشغول لأن قيمة خاصية المؤشر مضبوطة على الانتظار.
CSS cursor property .wait { cursor: wait; } h1 { color: red; } <p> Login Credentials </p> انتاج |
قد نحدد نوع المؤشر الذي يجب أن يظهر للمستخدم باستخدام خاصية مؤشر CSS. يعد استخدام الصور كأزرار إرسال في النماذج تطبيقًا مفيدًا لهذه الإمكانية. بشكل افتراضي، تظهر اليد بدلاً من المؤشر عندما يكون المؤشر فوق الرابط.
