cursor հատկությունը սահմանում է
կուրսորի տեսքը տարրի վրա դրվելիս:
Սինտաքսիս
cssընտրող {
cursor: արժեք;
}
Ծանոթություն
Հատկությունն ունի շատ արժեքներ: Ստորև
ես խմբավորել եմ այդ արժեքները, որպեսզի ավելի հեշտ լինի
կողմնորոշվել: Կուրսորի տեսքը տարբերվում է
տարբեր բրաուզերներում, այդ պատճառով ես լուսանկարներ չեմ արել
կուրսորների, այլ պարզապես արժեքների աղյուսակներում
արել եմ հատուկ սյունակ, որի վրա մկնիկը դնելիս
կարող եք տեսնել նկարագրվող կուրսորի տեսքը:
Արժեքներ
Արժեք
Նկարագրություն
Տեսք
default
Ստանդարտ տեսք նշիչ-սլաքի տեսքով:
pointer
Օգտագործվում է ցույց տալու, որ տարրը
ակտիվ է և այն կարելի է սեղմել
(նմանը լռելյայն հղումների համար):
help
Օգտագործվում է ցույց տալու, որ տարրի հետ
կապված է որևէ օգնություն կամ հարց:
not-allowed
Օգտագործվում է ցույց տալու գործողության անթույլատրելիությունը:
Տեքստ
Արժեք
Նկարագրություն
Տեսք
text
Ստանդարտ տեքստային կուրսոր ուղղահայաց ձողիկի տեսքով:
vertical-text
Տեքստային կուրսոր ուղղահայաց տեքստի համար:
Սպասում
Արժեք
Նկարագրություն
Տեսք
progress
Օգտագործվում է ցույց տալու, որ տեղի է ունենում
որոշ գործողություն և օգտատիրոջը պետք է սպասել:
wait
Օգտագործվում է ցույց տալու, որ օգտատիրոջը
պետք է սպասել:
Կուրսորը չափերի փոփոխման ժամանակ
Տարրի չափերը փոխելիս հատկության արժեքը
ձևավորվում է այսպես. resize բառը,
իսկ դրանից առաջ դեպի գծիկ որոշ տառ կամ
մի քանի տառ, օրինակ. n-resize կամ ne-resize:
Այս տառերը լույսի կողմերի առաջին տառերն են.
հյուսիս - north, հարավ - south, արևելք - east,
արևմուտք - west: Այս դեպքում օգտագործվում են
տեղանքի քարտեզների համար ընդունված պայմանները.
վերևում հյուսիս, ներքևում հարավ, ձախում արևմուտք, աջում
արևելք: Իհարկե, սա շփոթեցնում է, բայց ստիպված կլինենք
օգտագործել, ինչպես հորինված է:)
Այսպիսով, ահա արժեքները.
Արժեք
Ուղղություն
Լույսի կողմ
Տեսք
n-resize
վերև
north
ne-resize
աջ վերև
nord east
e-resize
աջ
east
se-resize
աջ ներքև
south east
s-resize
ներքև
south
sw-resize
ձախ ներքև
south west
w-resize
ձախ
west
nw-resize
ձախ վերև
nord west
nesw-resize
աջ վերև և ձախ ներքև
nord east - south west
nwse-resize
ձախ վերև և աջ ներքև
nord west - south east
Երկու տարրերի չափերի փոփոխում
Արժեք
Նկարագրություն
Տեսք
col-resize
Հորիզոնական փոփոխություն:
row-resize
Ուղղահայաց փոփոխություն:
Մասշտաբի փոփոխում
Արժեք
Նկարագրություն
Տեսք
zoom-in
Մասշտաբի մեծացում:
zoom-out
Մասշտաբի փոքրացում:
Շարժում
Արժեք
Նկարագրություն
Տեսք
move
Օգտագործվում է ցույց տալու, որ տարրը
կարելի է տեղափոխել, կամ տեղափոխման պահին:
all-scroll
Օգտագործվում է ցույց տալու, որ տարրը
ոլորվում է մկնիկով բոլոր ուղղություններով: