Hallo teman-teman bertemu lagi pada tutorial dumet school, sebelumnya mungkin teman-teman sudah banyak yang tahu tentang CSS Pseudo Element.
Nah, pada artikel kali ini saya tidak menjelaskan penjelasan tentang CSS Pseudo Element, melainkan saya akan memperkenalkan First-Line Selector yang ada pada CSS Pseudo Element.
fungsi dari first-line sendiri adalah untuk memberikan keunikan pada baris pertama sebuah paragraf, nah mungkin lebih jelasnya kita langsung praktekan saja, teman-teman silahkan buat sebuah file HTML dan ketikan script berikut:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> </head> <body> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make</p> </body> </html> |
saya membuat sebuah paragraf didalam bagian element body, hasilnya hanyalah seperti biasa, nah sekarang coba tambahkan script CSS berikut ini:
|
1 2 3 4 5 |
<style> p:first-line { text-decoration:underline; } </style> |
Dengan memberikan style seperti berikut, maka baris pertama pada paragraf akan menjadi bergaris bawah. gimana teman-teman cukup mudah bukan, oke sekian dulu untuk tutorial kali ini semoga bermanfaat,
terimakasih.