שינוי סמן העכבר בcss

שלום, היום אני אראה לכם איך תוכלו לשנות את תצוגת הסמן של אלמנט בHTML.
לא הבנתם? תעבירו את העכבר על המילה הזאת ותעבירו את העכבר על המילה הזאת.

למה זה עוזר לנו?
אם אנחנו רוצים להוסיף כפתור לדוגמא, אנחנו רצים שהסמן שלו יהיה סמן של לחיצה, או כל דבר אחר...

איך עושים את זה?
אז, אנחנו נשנה את הסמן שלנו בעזרת CSS.
לקוד הסגנון של האלמנט אנחנו נוסיף את האפשרות cursor והערך יהיה סוג הסמן-

<style> p { cursor: pointer; } </style>

לאפשרות 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

עד כאן להיום,
מוזמנים לשאול ולהגיב בתגובות למטה👇,
להתראות.

→ לפוסט הקודם בנושא HTML לפוסט הבא בנושא HTML ←