Categories: Artikel CSS

::Selection Css

Pseudo-element ::selection menerapkan rule kepada bab dokumen yang terseleksi, contohnya rule diterapkan kepada bab yang terseleksi dengan mouse oleh pengguna.

Hanya sebagian kecil properti CSS yang sanggup dipakai di dalam rule memakai ::selection.

Coba seleksi teks berwarna green di bawah ini dengan mouse:

Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks.

Jika browser anda mendukung pseudo-element ini, dikala anda menyeleksinya dengan gunakan mouse, di sana anda akan melihat teks akan menjadi warna putih dan latarbelakangnya menjadi warna merah.

Untuk menyerupai di atas, anda sanggup coba pola instruksi di bawah, taruh kodenya di bab HEAD:

p.myP::selection { color: white; background-color: red; }

Dan elemen yang di atur:

<p class="myP">Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks.</p>

Jangan lupa untuk Firefox (Gecko), perlu komplemen prefix -moz-, sehingga menjadi:

p.myP::-moz-selection { color: white; background-color: red; }

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code