Download Source Code Aplikasi

:Active, :Hover, Dan :Focus Css

Thursday, February 13th, 2020 - Artikel CSS

Umumnya user agent menampilkan teks-teks tautan dengan style yang berbeda-beda.

Tapi dengan CSS, memungkinkan anda memakai link pseudo-class :active, :hover, dan :focus untuk mengatur stylenya sendiri.

:hover
:hover sanggup dipakai untuk mengatur style teks tautan saat pointer mouse sempurna di atas teks tautan, sebagai contoh:

A:hover { color: green; text-decoration: underline; } … <A HREF="#">Link</A>

:active
:active sanggup dipakai untuk mengatur style teks tautan saat teks tautan tersebut dalam posisi diklik kemudian ditahan, adalah diantara waktu pengguna menekan tombol mouse dan melepasnya, sebagai contoh:

A:active { color: yellow; } … <A HREF="#">Link</A>

:focus
:focus sanggup dipakai untuk mengatur style teks tautan saat teks tautan tersebut mendapatkan fokus masukan keyboard atau saat teks tautan tersebut diseleksi.

Untuk mendapatkan urutan penerimaan fokus keyboard, elemennya harus memiliki TABINDEX, sebagai contoh:

A:focus { color: blue; } … <A HREF="#" TABINDEX="1">Link 1</A> <A HREF="#" TABINDEX="2">Link 2</A> <A HREF="#" TABINDEX="3">Link 3</A>
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
:Active, :Hover, Dan :Focus Css | Ahmad Code | 4.5