Fungsi Pseudo Elemen Lainnya

Assalamu'alaikum Wr.Wb.

Fungsi Pseudo Elemen Lainnya ini hanya tambahan saja dari postingan yang lalu yaitu Efek Slick yang dimana menggunakan Pseudo Elemen-nya, kini Go Blog Go akan share aja yang dimana fungsi tersebut dapat digunakan untuk Paragraf Suatu Kalimat. Ini hanya sebagian kecil saja kelebihan dari Pseudo Elemen tentu saja kelebihan lain-nya masih banyak, secara garis besar hanya yang umum saja yang sering dipergunakan.

Pseudo Elemen #paragraf:first-letter

#paragraf:first-letter {font:bold 20px Tahoma,San-serif;color:orange;}

Elemen ini dipergunakan untuk membuat Awal Kata berbeda seperti: Huruf Besar,Jenis Huruf Tertentu,Warna Huruf,Dsb.

Contoh-nya :

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Sedangkan untuk Elemen :first-line dipergunakan untuk memberi perbedaan dalam 1 baris, tidak berbeda jauh dengan Pseudo Elemen :first-letter

Pseudo Elemen #paragraf:first-line

#paragraf:first-line {font:15px Georgia,San-serif;font-style:italic;color:red;}

Contoh-nya :

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Semoga share posting yang tidak seberapa ini dapat menambah wawasan dalam dunia WebBlog. Go Blog Go...!!! Amiin

Wassalam,