Properti user-select CSS

Definisi dan penggunaan

Atribut user-select menentukan apakah teks elemen dapat dipilih.

Dalam browser web, jika Anda mengklik ganda di teks, teks akan dipilih atau ditandai. Atribut ini digunakan untuk mencegah perilaku ini.

Lihat juga:

Panduan HTML DOMAtribut userSelect

Contoh

Mencegah pemilihan teks elemen <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ dan Edge */
  user-select: none; /* Standar sintaks */
}

Coba sendiri

Syntaks CSS

user-select: auto|none|text|all;

Nilai atribut

Nilai Deskripsi
auto Standar. Jika browser mengizinkan, teks dapat dipilih.
none Mencegah pemilihan teks.
text Teks dapat dipilih oleh pengguna.
all Klik untuk memilih teks, bukannya klik ganda.

Detil teknis

Nilai standar: auto
Warisan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.userSelect="none"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

Ikuti aturan versi pertama yang digunakan sebelum awalan, yaitu -webkit-, -ms-, atau -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-