Home»Artikel CSS»::Selection Css
Download Source Code Aplikasi

::Selection Css

Sunday, August 25th, 2019 - Artikel 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.
Download Source Code Aplikasi
::Selection Css | Ahmad Code | 4.5

Related Posts

  • Adjacent Sibling Selector Css

    Adjacent sibling selector merupakan selector komplemen di CSS2, ia memiliki bentuk berikut: E1 + E2 Di mana E2 yaitu elemen...

  • Class Selector Css

    Di HTML, nilai atribut CLASS merupakan pengenal yang boleh dimiliki oleh lebih dari satu elemen. Tidak ibarat nilai atribut ID,...

  • Id Selector Css

    Di HTML, nilai atribut ID merupakan satu pengenal yang unik bagi suatu elemen. Di CSS, menurut pengenal unik itu, memungkinkan...

  • :Active, :Hover, Dan :Focus Css

    Umumnya user agent menampilkan teks-teks tautan dengan style yang berbeda-beda. Tapi dengan CSS, memungkinkan anda memakai link pseudo-class :active, :hover,...

  • Pseudo-Class Link Dan Visited Css

    Umumnya user agent akan menampilkan style dari teks-teks tautan dengan cara yang berbeda-beda. Tapi disini anda sanggup gunakan link pseudo-class...