ویژگی cursor CSS
- صفحه قبل @counter-style
- صفحه بعدی direction
تعریف و استفاده
ویژگی 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 | کورسور پیش‌فرض (معمولاً یک پرچم) |
| خودکار | پیش‌فرض. کورسوری که مرورگر تنظیم کرده است. |
| crosshair | کورسور به صورت خط عمودی و افقی نمایش داده می‌شود. |
| pointer | کورسور به صورت انگشت اشاره نمایش داده می‌شود. |
| move | این کورسور نشان‌دهنده این است که یک شیء قابل حرکت است. |
| e-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به راست (شرق) هستند. |
| ne-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به بالا و راست (شمال/شرق) هستند. |
| nw-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به بالا و چپ (شمال/غرب) هستند. |
| n-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به بالا (شمال) هستند. |
| se-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به پایین و راست (جنوب/شرق) هستند. |
| sw-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به پایین و چپ (جنوب/غرب) هستند. |
| s-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به پایین (جنوب) هستند. |
| w-resize | این کورسور نشان‌دهنده این است که لبه‌های مستطیل قابل حرکت به چپ (غرب) هستند. |
| text | این کورسور نشان‌دهنده متن است. |
| wait | این کورسور نشان‌دهنده این است که برنامه در حال فعالیت است (معمولاً یک ساعت یا شنی). |
| help | این کورسور نشان‌دهنده دسترسی به کمک (معمولاً یک سوال_marks یا یک بالن) است. |
جزئیات فنی
| مقدار پیش‌فرض: | خودکار |
|---|---|
| ارث‌پذیری: | بله |
| نسخه: | 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
