CSS user-select Özelliği
CSS3
user-select özelliği, bir öğenin metninin seçilip seçilemeyeceğini belirler. Tarayıcılar da, bir metni çift tıklarsanız, seçili hale gelecek ve metin vurgulanacaktır. Bu özellik bunu önlemek için kullanılabilir.
Yapısı (Syntax)user-select: auto | none | text | all ;
| Varsayılan Değer | auto |
| JavaScript Yapısı |
object.style.userSelect="değer"
|
| Animasyon Özellikleri Uygulanabilir | Hayır (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| auto | Varsayılan değerdir. Tarayıcı izin veriyorsa metin seçilebilir. | CSS3 |
| none | Metin ve alt öğelerin seçimi önlenir. | CSS3 |
| text | Metin kullanıcı tarafından seçilebilir. | CSS3 |
| all | Metin seçimi, çift tıklatma yerine tek tıklama ile yapılır. | CSS3 |
Örnekler
Örnek olarak seçimi kapatmak istersek ;
div {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standart yazım */
}