CSS cursor attribute

Ορισμός και χρήση

Η ιδιότητα cursor καθορίζει τον τύπο του δρομέα που θα εμφανιστεί (μορφή).

Η ιδιότητα αυτή καθορίζει τη μορφή του δρομέα που χρησιμοποιείται όταν ο δρομέας του ποντικιού βρίσκεται εντός του περιθωρίου μιας περιοχής στοιχείου (αλλά το CSS2.1 δεν καθορίζει ποιο περιθώριο καθορίζει αυτή τη ζώνη).

Για περισσότερες πληροφορίες δείτε:

Εκμάθηση CSSΘέση CSS

Εγχειρίδιο HTML DOMΧαρακτηριστικό cursor

Παράδειγμα

Κάποιοι διαφορετικοί δείκτες:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Δοκιμάστε το προσωπικά

Γλώσσα γραμματογραφίας CSS

cursor: τιμή;

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
url

Η διεύθυνση URL που πρέπει να χρησιμοποιηθεί για το προσαρμοσμένο δείκτη.

Σημείωση:Παρακαλώ ορίστε πάντα έναν τυπικό δείκτη στο τέλος αυτής της λίστας, ώστε να μην υπάρχει διαθέσιμος δείκτης που ορίζεται από URL.
default Προεπιλεγμένος δείκτης (συνήθως μια βέλη).
αυτόματα Προεπιλεγμένο. Ο δείκτης που ορίζεται από το πρόγραμμα περιήγησης.
crosshair Ο δείκτης εμφανίζεται ως σταυρός.
pointer Ο δείκτης εμφανίζεται ως δείκτης σύνδεσης (μια χέρια).
κίνηση Αυτός ο δείκτης δείχνει ότι ένα αντικείμενο μπορεί να μετακινηθεί.
e-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα δεξιά (ανατολικά).
ne-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα πάνω και προς τα δεξιά (βόρεια/ανατολικά).
nw-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα πάνω και προς τα αριστερά (βόρεια/δυτικά).
n-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα πάνω (βόρεια).
se-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα κάτω και προς τα δεξιά (νότια/ανατολικά).
sw-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα κάτω και προς τα αριστερά (νότια/δυτικά).
s-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα κάτω (νότια).
w-resize Αυτός ο δείκτης δείχνει ότι τα όρια του ορθογώνιου πλαισίου μπορούν να μετακινηθούν προς τα αριστερά (δυτικά).
κείμενο Αυτός ο δείκτης δείχνει κείμενο.
ожидание Αυτός ο δείκτης δείχνει ότι το πρόγραμμα είναι απασχολημένο (συνήθως ένα τραπέζι ή ρολόι σκόνης).
βοήθεια Αυτός ο δείκτης δείχνει διαθέσιμη βοήθεια (συνήθως ένα ερώτημα ή μια φούσκα).

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: αυτόματα
Κληρονομικότητα: ναι
Έκδοση: CSS2
Γλώσσα γραμματογραφίας JavaScript: object.style.cursor="crosshair"

Παράδειγμα TIY

Αλλαγή του δείκτη
Αυτό το παράδειγμα δείχνει πώς να αλλάξετε το δείκτη.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμητικά στοιχεία στη τάβληδα δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Σημείωση:Το Opera 9.3 και το Safari 3 δεν υποστηρίζουν url τιμή.