თვისება 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 |
გარეგნობა სამიზნის სახით.
|
|