CSS – Mengenal Pseudo-Element di CSS Bag.2 (:first-letter)

Bintaro – Ngelanjutin tulisan sebelumnya mengenai Pseudo-Element/Class, sekarang gw mau nerusin yang belum ketulis kemaren yaitu untuk selektor :first-letter. Kegunaan :first-letter selektor disini adalah untuk membuat style karakter pertama dalam suatu selektor yang ditempeli selektor :first-letter.

:first-letter Pseudo-Element selector

Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar Jajan di pasar

Nah hurup atau karakter pertama contoh diatas itu contoh kegunaan selektor :first-letter. Sebelum nongol ini selektor, dulu2 gw itu gunain <span> untuk kasi style di hurup depan. Berikut script css dan html yg gw jadiin contoh diatas itu

CSS contoh diatas

Pseudo Element :first-letter itu nempel di TAG p

Contoh itu gw pake dengan nempelin Pseudo-Element :first-letter selektor di HTML Element ‘p‘, akan tetapi :first-letter selektor itu bisa dipake juga untuk ditempel di Attribut ID ( # ) ataupun CLASS ( . ) Misalnya: #namaId:first-letter Contoh <div id=”namaId”>ini untuk :first-letter di attribut ID</div> dan .namaClass:first-letter Contoh <div class=”namaClass”>ini untuk :first-letter di attribut CLASS</div>

CSS Properties yg bisa digunain di Pseudo-Element :first-letter selektor ini adalah font, color, background, margin, padding, border, text-decoration, vertical-align, text-tansform, line-height, float, clear.

Yup.. Sekian dan terima kasih dulu untuk bagian kedua pseudo-element mengenai selektor :first-letter, nanti disambung lagi sama selektor yg belum ketulis. Semoga Bermanfaat 😉

About the Author

Anshori Wahyu
My name is Mas Wahyu Anshori, 32 years old. I am a student from STIE Ahmad Dahlan Jakarta, work at Punakawan Digital Media since Oct 2017. Before I came to Punakawan, I was doing IT Supportt and web content at Seratus Company, Melodia Group and be part of Kehati as a freelance web developer. I was also a freelance web developer with simple HTML, CSS base, jQuery, and PHP. Learned Website Developer base (with a help of Google) by myself would be my achievement so far. I'am an Indonesian football junkie, as well as addicted to HTML, CSS and jQuery coding.

Be the first to comment on "CSS – Mengenal Pseudo-Element di CSS Bag.2 (:first-letter)"

Leave a Reply