Halo sobat program bertemu lagi dengan saya Rizal. Pada kesempatan ini saya akan membahas tentang Mengenal Property user-select pada CSS. Property user-select pada CSS ini berguna untuk agar sebuah text atau paragraph pada website kita tidak dapat di selecting atau istilah lainnya adalah tidak dapat diblock.

Jadi dengan menggunakan Property user-select pada CSS ini kita dapat mengantisipasi agar konten ata text pada website kita tidak dapat di copy oleh orang lain yang merugikan kita.

Oke untuk penjelasan dari Mengenal Property user-select pada CSS diatas saya rasa sangat jelas sekali ya teman-teman. Baiklah, lalu disini kita akan coba cara menggunakan property user-select pada css tersebut ya teman-teman.

Teman-teman siapkan sebuah file HTML nya, lalu kemudian teman-teman ketik kode HTML CSS nya seperti berikut ini :

Dari kode HTML CSS diatas jika dijalankan dan perhatikan bagian text nya kita masih bisa seleksi ya teman-teman, untuk lebih jelas seperti pada gambar dibawah ini :

Mengenal Property user-select pada CSS

Oke langkah selanjutnya kita buat text pada gambar di atas tidak dapat diseleksi dengan menggunakan property user-select. Silahkan teman-teman tambahkan style CSS nya seperti berikut ini :

Oke jika kedua nya sudah sesuai, langkah terakhir teman-teman tinggal coba jalankan di browser teman-teman. Jika benar maka hasilnya akan seperti pada gambar dibawah ini dan text nya sudah tidak bisa di seleksi lagi.

Mengenal Property user-select pada CSS

Oke jadi seperti inilah pembahasan kita tentang Mengenal Property user-select pada CSS. semoga dapat sangat bermanfaat buat teman-teman. Dan sampai bertemu pada pembahasan selanjutnya.

Terimakasih