Ιδιότητα user-select - Απαγόρευση επιλογής κειμένου
Η ιδιότητα user-select ελέγχει τη συμπεριφορά
επιλογής κειμένου και άλλων στοιχείων στη σελίδα.
Σύνταξη
επιλογέας {
user-select: none | contain | all | auto | text;
}
Τιμές
| Τιμή | Περιγραφή |
|---|---|
none |
Το κείμενο δεν επιλέγεται. |
contain |
Η επιλογή, που ξεκίνησε μέσα στο στοιχείο, δεν θα βγει εκτός των ορίων αυτού του στοιχείου. |
all |
Αν γίνει διπλό κλικ σε ένα ένθετο στοιχείο, θα επιλεγεί όλο το περιεχόμενο του γονέα με αυτήν την τιμή της ιδιότητας. |
auto |
Υπολογιζόμενη τιμή, προσδιορίζεται αυτόματα ως εξής:
για τα ψευδοστοιχεία after και
before
η τιμή είναι none, για ένα στοιχείο που μπορεί να επεξεργαστεί
η τιμή είναι contain, αν ο γονέας του στοιχείου έχει τιμή
all ή none - το ίδιο θα έχει και το ίδιο το στοιχείο,
αλλιώς η τιμή θα είναι text.
|
text |
Ο χρήστης μπορεί να επιλέξει κείμενο στο στοιχείο. |
Προεπιλεγμένη τιμή: text.
Σημείωση
Ορισμένες τιμές μπορεί να μην λειτουργούν σε όλους τους περιηγητές.
Παράδειγμα . Τιμή none
Το ακόλουθο κείμενο δεν μπορεί να επιλεγεί:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Δείτε επίσης
-
το ψευδοστοιχείο
selection,
που ελέγχει τα στυλ του επιλεγμένου κειμένου -
η ιδιότητα
pointer-events,
που αφαιρεί την αντίδραση στο ποντίκι