irnanto.com – Mengatur penggunaan seleksi teks pada blog dengan CSS sudah saya tulis sebagian dalam artikel “Script CSS Cara Menonaktifkan Seleksi Teks“, tapi artikel itu hanya sebatas penggunaan dalam men-disable text selection menggunakan CSS. Kali ini kita akan membahas lebih jauh mengenai seleksi teks pada CSS.
Di CSS, kita bisa mengatur apakah teks pada sebuah elemen bisa di di-seleksi atau tidak. Property yang digunakan sama dengan artikel sebelumnya yaitu menon-aktifkan seleksi teks, hanya saja nilai property-nya yang berbeda-beda sesuai dengan kebutuhan penggunaannya.
Di bawah ini contoh syntax CSS selection text untuk browser mozilla, chrome, dan internet explorer.
-moz-user-select: none;
-moz-user-select: text;
-moz-user-select: all;-webkit-user-select: none;
-webkit-user-select: text;
-webkit-user-select: all;-ms-user-select: none;
-ms-user-select: text;
-ms-user-select: all;
-ms-user-select: element;
Value dari user-select CSS di atas adalah sebagai berikut :
- none : Teks dari elemen dan sub elemen tidak bisa di seleksi atau dipilih. Cara ini sudah kita peraktekkan pada artikel sebelumnya yaitu menonaktifkan text selection.
- text : Teks pada elemen dapat di pilih atau diseleksi sebagian atau keseluruhan.
- all : Teks pada elemen akan terpilih atau terseleksi semuanya ketika elemen tersebut di klik atau di klik dua kali
- element : Hanya didukung di Internet Explorer. Seleksi dapat dimulai dalam eleman namun seleksi bisa jadi memiliki batasan-batasan sesuai unsur elemen tersebut.
Silahkan diperaktekkan cara selection text menggunakan CSS. Semoga informasi mengenai “Mengatur Select Text Dengan CSS” dapat membantu anda semua dalam memanipulasi seleksi teks di blog atau web Anda
List Pajak Barang Impor
Belanja di aliexpress menggunakan vcc entropay
Cara singkat membuat akun paypal
Tips merawat kaos kaki yang baik
script javascript cara disable text selection
belajar fotografi dengan perangkat sederhana
Object Oriented Programming - OOP PHP untuk Pemula