آموزش CSS (قسمت ۹)

آموزش-css-قسمت-۹

شاید گاهی برایتان پیش آمده باشد که بخواهید آیکون ماوس را تغییر دهید.برای این کار می توانید از خصوصیت cursor واقع در Css استفاده کنید که در ادامه طریقه استفاده از این خصوصیت را براتون توضیح می دم.

.hand-cursor{
  cursor: pointer;
}

طریقه استفاده از این خصوصیت به صورت بالا می باشد که می توانید با تعریف یک کلاس مثلا hand-cursor برای اشیائی که دارای کلاس تعریف شده هستند خصوصیت cursor رو اعمال کنید.

در جدول زیر لیست تمام اعضای این خصوصیت وجود دارد که می توانید نسبت به نیازتون از آن ها استفاده کنید.

alias all-scroll auto cell
context-menu col-resize

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
w-resize wait

zoom-in

zoom-out

با هدایت ماوس بر روی هر کدام از نام خصوصیت، نشانگر ماوس شما به همان شکل تغییر خواهد کرد.


► قسمت قبلی
خودتان امتحان کنید

آموزش های مرتبط :



نظرات کاربران

نظر شما؟