v2.5.2
Giriş yap

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 */
}

darkwintergrup
2019 gün önce eklendi - 4269 kez görüntülendi.
Github'da Düzenle
Önceki white-space Sonraki visibility