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

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
81 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar