Η ιδιότητα 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 |
Εμφάνιση σε μορφή στόχου.
|
|
