Cara Menonaktifkan Selection Text Dengan CSS

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya mendisable atau menonaktifkan selection text dengan CSS. Mendisable selection text maksudnya adalah menonaktifkan seleksi pada text yang ada di content website, tujuan di non-aktifkan seleksi text tersebut adalah agar user tidak bisa mencopy text atau tulisan yang ada pada website kita. Untuk menonaktifkan seleksi text tersebut kita cukup menggunakan property CSS yaitu user-select. Property CSS user-select ini hanya mendukung browser dengan versi Chrome 6, Firefox 2, IE 10, dan Safari 3.1, sedangkan untuk browser yang ada di android atau iOS yaitu versi Chrome 2.1 dan Safari 3.2. Untuk menggunakannya sangat mudah sekali teman-teman bisa ikuti langkah-langkahnya di bawah ini.

Pertama kalian bisa buat satu file dengan nama index.html dan tuliskan baris program HTML di bawah ini.

Kemudian untuk CSS nya kalian bisa ikut seperti berikut.

Dan hasilnya seperti ini.

9 Januari 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat