cursor հատկությունը սահմանում է
կուրսորի տեսքը տարրի վրա դրվելիս:
Սինտաքսիս
ընտրող {
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 |
Օգտագործվում է ցույց տալու, որ տարրը
ոլորվում է մկնիկով բոլոր ուղղություններով:
|
|
Տարբեր
| Արժեք |
Նկարագրություն |
Տեսք |
crosshair |
Տեսքը նշանոցի տեսքով:
|
|
cell |
Տեսքը նշանոցի տեսքով:
|
|