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:
<!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:
<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.