Η ιδιότητα 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
Χρησιμοποιείται για να δείξει ότι ένα στοιχείο
μπορεί να μετακινηθεί με το ποντίκι σε όλες τις κατευθύνσεις.