CSS kullanıcı seçimi Özellik
Örnek
Bir <div> öğesinin metin seçimini engelle:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Tanım ve Kullanım
Özellik user-select
, bir öğenin metninin seçilip seçilemeyeceğini belirtir.
Web tarayıcılarında, bir metne çift tıklarsanız seçili/vurgulanır. Bu özellik bunu önlemek için kullanılabilir.
Varsayılan değer: | Oto |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.userSelect="yok" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit- veya -moz- tarafından takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
CSS Sözdizimi
user-select: auto|none|text|all;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
İlgili Sayfalar
HTML DOM referansı: userSelect özelliği