:First-Line Css

Pseudo-class ini termasuk versi CSS1, bentuk penulisannya:

E:first-line

E ialah elemen yang diberikan efek hukum CSS, dan efek hukum CSS hanya akan diberikan pada teks pada baris pertama.

Contoh kode:

P:first-line { color: red; }

Untuk penulisan HTML-nya misalkan menyerupai berikut:

<P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P>

Maka dengan aku memakai pseudo-class jenis ini, hanya teks di baris pertama saja yang akan diberikan efek CSS, dan untuk baris teks dibawahnya tidak.

Jalankan arahan di bawah ini di browser, lalu resize jendela:

<HTML> <HEAD> <STYLE TYPE="text/css"> P:first-line { color: red; } </STYLE> </HEAD> <BODY> <H1>Coba resize jendela browser!</H1> <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P> </BODY> </HTML>

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.

Ahmad Code