Properti pilihan pengguna CSS
Contoh
Cegah pemilihan teks dari elemen <div>:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Definisi dan Penggunaan
Properti user-select
menentukan apakah teks elemen dapat dipilih.
Di browser web, jika Anda mengklik dua kali pada beberapa teks, teks itu akan dipilih/disorot. Properti ini dapat digunakan untuk mencegah hal ini.
Nilai bawaan: | mobil |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.userSelect="none" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka yang diikuti oleh -webkit- atau -moz- menentukan versi pertama yang berfungsi dengan awalan.
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- |
Sintaks CSS
user-select: auto|none|text|all;
Nilai properti
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 |
Halaman Terkait
Referensi DOM HTML: properti pilihan pengguna