نمونه کد

یک نمونه ساده از خاصیت cursor:

آزمایشگاه

تعریف و کاربرد

برای نمایش مکان نمای موس در زمان حرکت آن از خاصیت cursor استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض خودکار
ارث بری بله
انیمیشن خیر
نسخه CSS2
نگارش JS object.style.cursor="crosshair"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
cursor

شیوه نگارش

مقادیر

مقادیر توضیحات
alias یک نام مستعار برای موردی که قرار است نشان داده شود می سازد.
all-scroll تمام جهت ها را برای حرکت کردن فعال می کند.
auto به صورت پیش فرض مکان نما را تنظیم می کند.
cell مکان نما نشان می دهد که یک یا چند سلول انتخاب شده اند.
col-resize اندازه ستون را به صورت افقی تغییر می دهد.
context-menu یک منو را در زمینه به صورت در دسترس می سازد.
copy برای نشان دادن بخشی که می بایست کپی شود استفاده می شود.
crosshair باعث می شود تا مکان نما به صورت یک متقاطع به کاربر نشان داده شود.
default مکان نمای پیش فرض می باشد.
e-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت شرق در حرکت باشد.
ew-resize باعث می شود تغییرات دوجهته باشند.
grab برای گرفتن یک چیز استفاده می شود.
grabbing برای گرفتن چند چیز استفاده می شود.
help برای نمایش در دسترس بودن کمک استفاده می شود.
move برای نمایش جابجایی یک چیز استفاده می شود.
n-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت شمال در حرکت باشد.
ne-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت شمال شرقی در حرکت باشد.
nesw-resize برای تغییر یکسان دوجهت استفاده می شود.
ns-resize نشانگر تغییر اندازه دو طرف یا دو جهت است.
nw-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت شمال غربی در حرکت باشد.
nwse-resize نشانگر تغییر اندازه دو طرف یا دو جهت است.
no-drop نشان می دهد که نمیتوانیم موردی را که کشیده ایم را در آن بخش رها کنیم.
none تگ مربوطه بدون مکان نما می باشد.
not-allowed مکان نما از اجرا نشدن یک عملکرد درخواستی پشتیبانی میکند.
pointer یک پیوند مکان نما را نشان می دهد.
progress مکان نما نشان می دهد که برنامه در حال اجرا می باشد.
row-resize نشان می دهد که مکان نما اندازه ردیف ها را به صورت عمودی تنظیم کرده است.
s-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت جنوب در حرکت باشد.
se-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت جنوب شرقی در حرکت باشد.
sw-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت جنوب غربی در حرکت باشد.
text مکان نما متنی را نشان می دهد که انتخاب شده است.
URL فهرستی از پیوند های اینترنتی را نشان می دهد که با کاما از همدیگر جدا شده اند.
vertical-text متن عمودی انتخاب شده را نشان می دهد.
w-resize مکان نما نشان می دهد که لبه یک باکس، می بایست به سمت غرب در حرکت باشد.
wait مکان نما نشان می دهد که برنامه مربوطه درحال حاظر شلوغ می باشد.
zoom-in برای بزرگ نمایی یک چیز توسط کاربر استفاده می شود.
zoom-out برای کوچک نمایی یک چیز توسط کاربر استفاده می شود.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.